Mint Linux 安装微信开发者工具

前言

微信开发者工具官方只提供了windows和Mac OS版本,我等Linux党在开发微信小程序的时候就显得很尴尬了,开虚拟机跑个windows卡的一B,要么直接用windows开发,略显蛋疼。

值得庆幸的是微信开发者工具客户端本身是基于NW.js编写,这一点在安装widnows版本的时候可以从安装进度窗口看到类似 解压 nw.js的字样,万能的大神已经搞出了Linux版本的客户端,并且在Github上开源,此文便是如何快速在Linux下面安装使用微信开发者工具。

安装

首先打开微信开发者工具的Linux版本开源项目地址 https://github.com/cytle/wechat_web_devtools ,在开始之前需要先安装Wine运行环境

sudo apt-get install wine-binfmt
sudo update-binfmts --import /usr/share/binfmts/wine
sudo apt install wine32
Wine安装环境搞定之后将代码克隆到本地
git clone https://github.com/cytle/wechat_web_devtools.git
cd wechat_web_devtools
下载回来之后直接执行安装
./bin/wxdt install
安装程序会自动下载Nw.js框架。

理论上到此就应该结束了,实际情况并不是这么容易。

难点

首先你会发现Nw.js框架的软件包下载奇慢无比,88M左右的压缩文件,下载速度基本上是20K每秒以下,关键是下载的不是不允许多线程,只能单线程下载,一旦失败还得重新来一遍。就算安装成功之后,每次启动开发者工具,都得使用命令,没有自动创建快捷方式。

所以,针对上面两个问题,我们需要对安装过程进行一些优化。

这些问题在最新的代码中已经能够自动实现,直接执行安装即可。

优化

针对Nw.js下载慢的问题,我这里使用了一台美国VPS作为跳板,先在美国vps上使用wget下载到vps上,基本上是秒下,88m不到10秒下载完成,接着在本地直接使用axel开启10个线程从vps上下载文件回来,这样就节省了非常多的时间。

直接使用国内的镜像站点下载,推荐使用华为云的镜像,下载地址 https://mirrors.huaweicloud.com/nwjs/v0.25.4/nwjs-sdk-v0.25.4-linux-x64.tar.gz 速度非常的快。

下载回来之后得到nwjs-sdk-v0.25.4-linux-x64.tar.gz压缩文件,使用 tar zvxf nwjs-sdk-v0.25.4-linux-x64.tar.gz将压缩文件加压,得到nwjs-sdk-v0.25.4-linux-x64文件夹,然后将 克隆下来的微信开发者工具里面的package.nw文件夹复制到 nwjs-sdk-v0.25.4-linux-x64 下面,然后在 nwjs-sdk-v0.25.4-linux-x64 里面执行 ./nw 命令即可启动开发者工具。

当然,这样使用命令行执行非常的不友好,所以创建快捷方式依然是非常必要的。

很幸运的是,开发者工具里面已经有一个快捷方式的例子了desktop.example,打开看到内容如下

[Desktop Entry]
Name=微信web开发者工具
Comment=The development tools for wechat web develop
Categories=Development;WebDevelopment;IDE;
Exec=/path/to/bin/wxdt %U
Icon=/path/to/dist/package.nw/static/image/logo@2x.png
Type=Application
Terminal=false
X-Desktop-File-Install-Version=0.22
根据系统配置环境,对这个文件进行修改,得到
[Desktop Entry]
Name=微信web开发者工具
Comment=The development tools for wechat web develop
Categories=Development;WebDevelopment;IDE;
Exec=/home/kbdancer/Opt/wechat_web_devtools/bin/wxdt %U
Icon=/home/kbdancer/Opt/wechat_web_devtools/package.nw/static/image/logo@2x.png
Type=Application
Terminal=false
X-Desktop-File-Install-Version=0.22
保存之后将desktop.example 重命名为 WechatTool.desktop并复制到/usr/share/applications/路径下,
mv desktop.example /usr/share/applications/WechatTool.desktop 

接着,不出意外的话你就能在菜单里面看到微信开发者工具了

2019-03-04 15-37-46屏幕截图.png - 大小: 88.44 KB - 尺寸: 540 x 596 - 点击打开新窗口浏览全图
单击即可正常启动,妥妥的毫无压力
2019-03-04 15-38-02屏幕截图.png - 大小: 948.9 KB - 尺寸: 1279 x 1024 - 点击打开新窗口浏览全图
2019-03-06 14-12-40屏幕截图.png - 大小: 996.98 KB - 尺寸: 1919 x 1080 - 点击打开新窗口浏览全图

也可以直接执行bin/路径下的 install_desktop.sh 脚本直接安装。

参考

https://github.com/cytle/wechat_web_devtools

本文链接:https://www.92ez.com/?action=show&id=23490
!!! 转载请先联系non3gov@gmail.com授权并在显著位置注明作者和原文链接 !!! 小黑屋
提示:技术文章有一定的时效性,请先确认是否适用你当前的系统环境。

上一篇: Mint Linux 64位 安装向日葵控制端
下一篇: 从0.5开始实现一个树莓派巡视小车

访客评论
目前还没有人评论,您发表点看法?
发表评论

评论内容 (必填):