Linux下进行微信小程序开发

一、微信小程序开发流程

1. 有一个邮箱
2. 用邮箱注册小程序账号，并且获取微信小程序AppID
3. 用注册的小程序账号登录微信公众平台
4. 完善小程序信息并且添加开发者（至少一个）
5. 在微信web开发者工具上开发小程序
6. 微信公众号与微信小程序绑定
7. 发布小程序代码
8. 提交绑定

以上是基本流程，不是难点，使用到的工具微信web开发者工具，下面介绍在Linux上安装配置

二、Linux上安装微信开发者工具

https://github.com/cytle/wechat_web_devtools

这是微信开发者工具在github上的开发代码，具体安装教程在上面都有

介绍：

微信开发者工具本质是nw.js ,将其移植到Linux跑没有任何问题，但是负责编译wxml和wxss的wcc和wcsc, 可以使用wine来运行，这里不知道wine是干嘛的可以自行百度。

所以要装微信开发者工具本体还要装wine，

注意    我的机器是deepin系统，是ubuntu的衍生版，所以本教程对于Ubuntu应该都是可以的。

安装过程：

1.先安装wine   

sudo apt-get install wine

2.检查wine版本

 wine --version

https://upload-images.jianshu.io/upload_images/20932329-0972f980194455dd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

3. 检查wine的配置

winecfg

wcc和wcsc编译错误，如果出现下图可直接跳过

https://upload-images.jianshu.io/upload_images/20932329-06cff985e9980c2b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

执行

sudo apt-get install wine-binfmt
sudo update-binfmts --import /usr/share/binfmts/wine

下面开始安装微信开发者工具，新建一个专门的文件夹，我的是在/usr/local/下创建的文件夹

sudo mkdir weixin

cd weixin/  进入这个文件夹

git clone https://github.com/cytle/wechat_web_devtools.git

进入目录：

cd wechat_web_devtools

 自动下载最新的nw.js,同时部署目录 ~/.config/微信web开发者工具/

./bin/wxdt install

 如果执行上面的代码提示没有权限，就执行 sudo ./bin/wxdt install  ,还有就是上面的命令会自动执行部署目录，如果没有这个目录会报错，所以要先在～/.config/下有没有微信web开发者工具这个目录，没有的话新建一个就可以了

如果你执行了上面的操作，请切换到 wechat_web_devtools这个文件夹

执行

sudo chmod -R 777 ~/.config/微信web 开发者工具/

 设置文件夹权限。

启动：

./bin/wxdt
如果权限不够就使用
sudo ./bin/wxdt

启动完成之后虽然出现了界面，但是终端中也出现了三个错误：

1.错误，忘了，但是通过重启电脑可以解决

2 

ERROR:sandbox_linux.cc(370)] InitializeSandbox() called with multiple threads in process gpu-process.

 

3.

buffer_manager.cc(488)] [.DisplayCompositor]GL ERROR :GL_INVALID_OPERATION : glBufferData: <- error from previous GL command

 https://upload-images.jianshu.io/upload_images/20932329-a48d58fafad994b3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

上面两个问题，是因为配置中使用了gpu导致的，所以在启动时强制执行不使用gpu就可以正常运行

./bin/wxdt --disable-gpu
如果提示权限问题，在前面加上sudo

 https://upload-images.jianshu.io/upload_images/20932329-12a971224fdf45d9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240