微信小程序转换成百度小程序,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 ….更多不支持组件可以反馈给我,谢谢
六、登录和授权方式完全不同
百度和微信各有各的授权和登录方式,需要全新开发了,不能直接修改套用
七、支付方式
这块没做过多研究,但是两者肯定会不同的。
目前常用的修改也就这么多,如果只是企业站,修改这些足够了,但是商城站不建议直接替换。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/258807.html