微信小程序> 微信小程序转支付宝小程序踩过的坑

微信小程序转支付宝小程序踩过的坑

浏览量:2244 时间: 来源:weixin_43462325

作为一个小程序小白,进入这家公司接到的第一个任务就是把微信小程序转换成支付宝小程序。真是有点崩溃。。不过经过这两个星期还是慢慢的摸索出来了一点东西。在这里记录一下这段时间踩得坑,希望对你们有所帮助。
一. 使命令行把微信小程序里面的后缀名进行统一的修改
1. 环境配置  node.js;
2. 安装 npm i wx2ali -g;
3. wx2ali --getConfig获取配置文件路径 按照需要修改配置并保存;
4. wx2ali --start;
5. 等待处理完成(会显示转换完成字样).
二. 显示用户的用户名,头像等

  my.getAuthCode({     scopes: 'auth_user',      success: (responses) = {        my.getAuthUserInfo({          success: response = {            my.httpRequest({              url: url,              data: data,              success: function(res) {}              },            });          },           });    });

三. 使用wxParse来解析字符串模板
最开始的时候这块一直是空白的,控制台也没有错误,在微信小程序上找了好久。发现这个页面是后台返回的一个读取的服务器中的富文本内容,是html格式的,支付宝小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现。
1. 首先我们在github上下载wxParse     地址: https://github.com/icindy/wxParse.
2. 下载之后把目录下的wxParse文件夹拷贝到项目目录下。
3. .在app.wxss全局样式文件中,需要引入wxParse的样式表
小程序
4. 在需要加载html内容的页面对应的js文件里引入wxParse      var WxParse = require(’…/…/wxParse/wxParse.js’);
小程序
5. 通过调用WxParse.wxParse方法来设置html内容
/**  * WxParse.wxParse(bindName , type, data, target,imagePadding)  * 1.bindName绑定的数据名(必填)  * 2.type可以为html或者md(必填)  * 3.data为传入的具体数据(必填)  * 4.target为Page对象,一般为this(必填)  * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)  */  my.httpRequest({  url: app.globalData.apiUrl + "goods/details&id=" + goodsId,  success (res) {  var intro = res.data.data.goods.intro;  WxParse.wxParse('intro', 'html', intro, that, 0); },  fail (res) {  }  });
6. 在页面中引用模板

```view class="content"    import src='../wxParse/wxParse.axml' /    template is="wxParse" data="{{wxParseData:intro.nodes}}" /  /view/view```

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎