微信Web开发工具官方并不支持Linux,因为其开发工具是基于nwjs,理论上应该是可以在linux下搭建起来.

鸣谢:

@yuan1994

@jerry79

@duan602728596

@pynix

参考:

https://github.com/yuan1994/wechat_web_devtools

https://github.com/yuan1994/wechat_web_devtools/issues/2

https://ruby-china.org/topics/30339

搭建环境:

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重新从头开始搭建,几经周折,终于完成.现提供给大家参考,避免走弯路. 进入正题,只讲关键.

1.安装NWJS

a.下载SDK
	url:https://nwjs.io/
  b.解压安装包:tar -zxvf nwjs-v0.21.4-linux-x64.tar.gz

2.准备微信Web开发工具

a.下载windows 64,因为我的mint为x64
	url:https://servicewechat.com/wxa-dev-logic/download_redirect?type=x64&from=mpwiki
  b.安装
	可以在虚拟机/wine/或其他Windows平台,安装好后,取其目录下package.nw中的所有文件备用.

3.配置与调整

a.将上面package.nw目录全部内容(app,node_modules,package.json),copy到nwjs安装目录的根目录
	
	特别注意:不要保留package.nw目录层,我在这上面就浪费了很多时间.

	b.调整 package.json内容:将-load-extension=./package.nw/app/dist/extensions/ 中的package.nw目录去掉.-load-extension=./app/dist/extensions/,其他不要变

	c.调整因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

这些在启动应用时,控制台会逐一报文件未找到的错误,认真看控制台信息,一一调整即可,并非深奥内容.



	d.编译器改名
	目录位置:/home/lucky/.config/微信web开发者工具/WeappVendor,首次运行后自动建立,所以需要先按第4布运行至少一次.找到该目录下文件,将其.exe拿掉
	wcc.exe-→wcc
	wcsc.exe-→wcsc
	调整代码中的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.执行 ./nw即可
	c.建立一个小程序,按其提供hello world范例,若能出现自己的微信名称与头像与Hello World的字样即表示OK

5.注意事项

在配置过程中可能会与不同版本等问题,可删除缓存与配置:

sudo rm -rf ~/.config/微信web开发者工具/ 
sudo rm -rf ~/.cache/微信web开发者工具/

补充： 发现1.01.170925版可以到上述３．b就可以直接运行了．