微信小程式如何轉換成百度小程式
阿新 • • 發佈：2018-12-16
微信小程式轉換成百度小程式，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 ....更多不支援元件可以反饋給我，謝謝
六、登入和授權方式完全不同
百度和微信各有各的授權和登入方式，需要全新開發了，不能直接修改套用
七、支付方式
這塊沒做過多研究，但是兩者肯定會不同的。
目前常用的修改也就這麼多，如果只是企業站，修改這些足夠了，但是商城站不建議直接替換。