Linux环境下配置微信小程序开发环境

系统环境:Ubuntu14.04
Wine版本:1.6.2
微信开发包版本:0.15.152900 https://servicewechat.com/wxa-dev-logic/download_redirect?type=darwin&from=mpwiki
nwjs-sdk版本:0.22.1 https://dl.nwjs.io/v0.22.1/nwjs-sdk-v0.22.1-linux-x64.tar.gz
HFSExplorer安装包:https://nchc.dl.sourceforge.net/project/catacombae/HFSExplorer/0.23.1/hfsexplorer-0.23.1-setup.exe

  1. 下载mac安装包

  2. 提取安装包wechat_web_devtools_0.15.152900.dmg里面的必要文件

    1. 在Windows里面安装HFSExplorer
    2. 将安装包拷贝到Windows中,利用HFSExplorer提取里面的文件:
    wechat_web_devtools_0.15.152900.dmg中的app.nw
  3. 需要去官网nwjs.io下载sdk

  4. 新建wechat_web_devtools目录
    解压 sdk,将sdk中的全部文件复制到 wechat_web_devtools目录
    将app node_modules package.json 复制到wechat_web_devtools目录中

  5. 打开终端,进入到wechat_web_devtools目录,执行:

sed -i 's/\.\/Create\/create\.js/\.\/create\/create\.js/ig'  app/dist/components/ContainController.js
sed -i 's/\.\/main\.js/\.\/Main\.js/ig' app/dist/components/ContainController.js
sed -i 's/\.\/webview\/Picker/\.\/webview\/picker/ig' app/dist/components/simulator/controller.js
sed -i 's/\.\/webview\/ActionSheet\.js/\.\/webview\/actionSheet\.js/ig' app/dist/components/simulator/controller.js
sed -i 's/appServiceConfig\.js/appserviceConfig\.js/ig' app/dist/common/assdk/networkSdk.js
  1. 修改package.json文件
    --disable-devtools -ignore-certificate-errors -load-extension=/Applications/wechatwebdevtools.app/Contents/Resources/app.nw/app/dist/extensions/
    改成
    --disable-devtools -ignore-certificate-errors -load-extension=app/dist/extensions/

  2. 运行./nw

你可能感兴趣的:(Linux环境下配置微信小程序开发环境)