一 、首先要安装 nw.js sdk 环境
nw.js的安装:
1.首先是osx下安装,你可以参考官方文档进行app下载然后设置路径,也可以直接一步到位,一条命令直接安装!
前提先安装好node.js环境,然后直接终端下输入命令:
2.然后是ubuntu下的安装,和osx一样,因为系统里装好了node.js,所以也是一条命令直接安装编译:
此外,也可以去官网下载nwjs安装包,解压包,运行里面的nw文件就可以启动nw环境了。
注意,npm 命令安装的运行命令是nw或nw.,而下载解压安装包的启动命令是./nw
3.然后就是windows的了,这个简单的可以忽略,直接在官网下载程序压缩包,然后解压到c盘程序目录(Program Files)即可。
那么,我们如何运行nw.js?右键nw.exe快捷图标到桌面,或者直接把自己的应用自定义后缀后选择nw.js打开即可!
二、配置环境变量
export PATH=$PATH:nw安装路径,如果不知道安装路径可以通过
witch nw查找
export
此外,https://github.com/yuan1994/wechat_web_devtools,这里的git clone,也是可以的,只是我clone了好几个小时,没有clone下来,就放弃了。
四、下载wine
然后修改wcc.exe 文件
修改wcc.exe和wcsc.exe文件名,去掉.exe。
nw.js的安装:
1.首先是osx下安装,你可以参考官方文档进行app下载然后设置路径,也可以直接一步到位,一条命令直接安装!
前提先安装好node.js环境,然后直接终端下输入命令:
sudo npm install -g nw
在管理员权限下全局安装nw模块,等待较久时间安装编译完毕后,就可以直接输入nw命令使用了。
2.然后是ubuntu下的安装,和osx一样,因为系统里装好了node.js,所以也是一条命令直接安装编译:
sudo npm install -g nw
nw.
在其他linux桌面系统中也一样,如果没装node.js环境,那么直接在官网下载压缩包参考文档安装即可!
此外,也可以去官网下载nwjs安装包,解压包,运行里面的nw文件就可以启动nw环境了。
注意,npm 命令安装的运行命令是nw或nw.,而下载解压安装包的启动命令是./nw
3.然后就是windows的了,这个简单的可以忽略,直接在官网下载程序压缩包,然后解压到c盘程序目录(Program Files)即可。
那么,我们如何运行nw.js?右键nw.exe快捷图标到桌面,或者直接把自己的应用自定义后缀后选择nw.js打开即可!
二、配置环境变量
export PATH=$PATH:nw安装路径,如果不知道安装路径可以通过
witch nw查找
如:
export PATH=$PATH:/opt/au1200_rm/build_tools/bin
查看是否已经设好,可用命令export查看:
export
三、接下来要去提取微信小程序开发工具的package.nw文件,这是nwjs的项目包文件。找个window机器安装一下小程序开发工具,在安装目录里找到package.nw文件夹,icon.ico文件,微信web开发者工具.exe文件,将这三个文件拷贝到linux系统下nwjs的安装目录下。按理来说,进入这个文件夹nw .就可以运行了,但是你会发现报错了,因为腾讯的开发者在项目的文件引用中大小写不分,能在windows上运行,linux下就不行。知道了原因,我们就将引用错误的地方修正。在package.nw目录下执行:
nw.
或
./nw
根据报错提示,修改大小写,然后就可以正常打开小程序开发工具了,如果打开的时候提示“failed to load...”错误提示是因为图标文件无法加载的原因。你可以编辑一下package.json里面的"icon": "app/images/logo2.png"为其他ico文件或者直接删掉这一行即可。
此外,https://github.com/yuan1994/wechat_web_devtools,这里的git clone,也是可以的,只是我clone了好几个小时,没有clone下来,就放弃了。
四、下载wine
我的是fedora 32 ,用以下命令安装
sudo dnf install wine.x86_64
如果是ubuntu,可以用以下命令安装:
sudo apt-get install wine
然后修改wcc.exe 文件
修改wcc.exe和wcsc.exe文件名,去掉.exe。
命令行操作代码如下:
cd ./config/微信web开发者工具/WeappVendor
cp wcc.exe wcc
cp wcsc.exe wcsc
进入到package.nw/app/dist/weapp/文件夹,找到commit/build.js、trans/transWxmlToJs.js和utils/vendorManager.js,将代码中的wcc.exe和wcsc.exe改成wcc和wcsc。
安装完成,重启nw即可