您的位置:首页 > 移动开发 > 微信开发

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

2019-06-28 14:00 627 查看

一. 使命令行把微信小程序里面的后缀名进行统一的修改
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) {}
              },
            });
          }, 
          });
    });
1234567891011121314
三. 使用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>
    ```

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: