微信Web開發(fā)工具官方并不支持Linux,因為其開發(fā)工具是基于nwjs,理論上應(yīng)該是可以在linux下搭建起來.

搭建環(huán)境

OS:Linux Mint 18.1 Serena (64-bit)
Chrome:56.0.2924.87 (64-bit)
NWJS:nwjs-v0.21.4-linux-x64.tar.gz

先用了@yuan1994的方案,大部分可以正常運行,可是不能正常模擬.也就是模擬器運行不起來 ,后來直接用nwjs重新從頭開始搭建,幾經(jīng)周折,終于完成.現(xiàn)提供給大家參考,避免走彎路.

進入正題,只講關(guān)鍵.

1.安裝NWJS

  a.下載SDK
    url:https://nwjs.io/
  b.解壓安裝包:tar -zxvf nwjs-v0.21.4-linux-x64.tar.gz

2.準(zhǔn)備微信Web開發(fā)工具

  a.下載windows 64 ,因為我的mint為x64
    url:https://servicewechat.com/wxa-dev-logic/download_redirect?type=x64&from=mpwiki
  b.安裝
    可以在虛擬機/wine/或其他Windows平臺,安裝好后,取其目錄下package.nw中的所有文件備用.

3.配置與調(diào)整

    a.將上面package.nw目錄全部內(nèi)容(app,node_modules,package.json),copy到nwjs安裝目錄的根目錄,特別注意:不要保留package.nw目錄層,我在這上面就浪費了很多時間.

    b.調(diào)整 package.json內(nèi)容:將-load-extension=./package.nw/app/dist/extensions/ 中的package.nw目錄去掉.-load-extension=./app/dist/extensions/,其他不要變

    c.調(diào)整因linux與windows對待大小寫的策略不同所致代碼:

    1./home/lucky/applications/nwjs/app/dist/components/ContainController.js 
        a.main.js >> Main.js
        b.Create >> create

    2./home/lucky/applications/nwjs/app/dist/common/assdk/networkSdk.js
        AppServiceConfig >> appserviceConfig

這些在啟動應(yīng)用時,控制臺會逐一報文件未找到的錯誤,認真看控制臺信息,一一調(diào)整即可,并非深奧內(nèi)容.



    d.編譯器改名
    目錄位置:/home/lucky/.config/微信web開發(fā)者工具/WeappVendor,首次運行后自動建立,所以需要先按第4布運行至少一次.找到該目錄下文件,將其.exe拿掉
    wcc.exe-→wcc
    wcsc.exe-→wcsc

    調(diào)整代碼中的wcc.exe與wcsc.exe:
進入到package.nw/app/dist/weapp/文件夾，找到:

commit/build.js、
trans/transWxmlToJs.js
utils/vendorManager.js，

將代碼中的wcc.exe和wcsc.exe改成wcc和wcsc

4.測試運行

    a.進入nwjs目錄
    b.執(zhí)行 ./nw即可
    c.建立一個小程序,按其提供hello world范例,若能出現(xiàn)自己的微信名稱與頭像與Hello World的字樣即表示OK

5.注意事項

在配置過程中可能會與不同版本等問題,可刪除緩存與配置:

sudo rm -rf ~/.config/微信web開發(fā)者工具/ 
sudo rm -rf ~/.cache/微信web開發(fā)者工具/