微信小程序如何转换成百度小程序

来自:网络
时间:2019-07-09
阅读:

微信小程序转换成百度小程序,git上都已经有大神出了程序,可以通过程序批量替换,但是没玩过,不过我们也可以通过手动替换的方式,转换成百度小程序。

一、修改文件后缀

百度和微信的page是页面数量一致都是js、CSS、html、json,替换方式为:

wxml   ——>   swan 
wxss   ——>   css

另外需要下载各自的开发者工具,微信小程序的配置文件为:project.config.json,百度小程序的配置文件有两个:project.swan.json、pkginfo.json(存储版本信息)。配置文件填上各自的appkey,不要弄混了!

微信小程序如何转换成百度小程序

二、替换pages页面中的各种逻辑关系代码

微信和百度小程序的各种判断 逻辑循环方式略有不同,替换方式如下:

            微信小程序        百度小程序 
api请求     wx.              swan.  (实例:wx.request 对应swan.request)
循环调用:   wx:for            s-for 
index下标   wx:for-index      s-for-index 
item        wx:for-item      s-for-item 
key         wx:key           无 
if判断      wx:if             s-if 
else        wx:else          s-else 
elseif      wx:elif          s-elif 
 
模板调用: 
微信:"list_1" data="{{list}}"/> 
或者"list_1" data="{{...list}}"/> 
百度:"list_1" data="{{ {list} }}"/> 
(即:把data="{{list}}"  批量替换成 data="{{ {list} }}",仅为示例,根据你实际情况修改) 
另: 百度小程序的s-if 与 s-for 不可在同一标签下同时使用。

三、部分html代码的修改

标签中的触发sumbit,微信为:<button formType="submit">Submit</button>

百度为: <button form-type="submit">提交</button>

四、其他引入js库的修改

最常见的就是wxParse.js富文本解析工具了,不能直接用,需要做一下处理,主要是模板调用方式的修改,如果不想修改可以直接使用我的bdParse百度小程序富文本解析组件,地址及教程:https://gitee.com/sootou/bdparse

五:百度小程序目前暂不支持的常用组件

wx.showShareMenu  ....更多不支持组件可以反馈给我,谢谢

六、登录和授权方式完全不同

百度和微信各有各的授权和登录方式,需要全新开发了,不能直接修改套用

七、支付方式

这块没做过多研究,但是两者肯定会不同的。

目前常用的修改也就这么多,如果只是企业站,修改这些足够了,但是商城站不建议直接替换。

返回顶部
顶部