4 Unstar Star 17 Fork 3

illusion / wechat_web_devtoolsHTML

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

Linux微信web开发者工具

linux 下使用微信web开发者工具.

wx_dev_tools v1.02.1906141 nw.js v0.24.4

Description

Linux微信web开发者工具, 可在 linux 桌面环境跑起 微信开发者工具, 原理是 微信开发者工具 本质是 nw.js 程序, 把它移植到 linux 下没大问题. 负责编译 wxmlwxsswccwcsc (可能还有其他功能), 则利用 wine 来跑即可.

Usage

下载项目和初始化

是否安装如果未安装wine环境 这里先安装wine (一定要先装wine环境)

1. 安装wine-binfmt (如果已经安装wine无视该步骤)

sudo apt-get install wine-binfmt  

或则wine 如果是Ubuntu 16.4上面这个可能安装不起来 则直接执行下面这个安装默认wine 1.6

sudo apt-get install wine

2.然后将wine更新到环境中

sudo update-binfmts --import /usr/share/binfmts/wine

安装wechat_web_devtools

git clone https://github.com/cytle/wechat_web_devtools.git
cd wechat_web_devtools
# 自动下载最新 `nw.js` , 同时部署目录 `~/.config/wechat_web_devtools/`
./bin/wxdt install

如果后装wine可能会出现.wxml无法编译的情况

输入图片说明 解决方法(先删除默认config配置 sudo rm -rf ~/.config/wechat_web_devtools 然后再执行 ./bin/wxdt install 重新安装)

启动ide,开发和调试网页

运行准备:

  1. GUI环境
./bin/wxdt # 启动

启动ide,开发和预览小程序

运行准备:

  1. GUI环境
  2. 需要安装wine
  3. 并且已经执行过./bin/wxdt install
./bin/wxdt # 启动

命令行和HTTP调用

运行准备:

  1. GUI环境,命令行和HTTP调用会自动启动ide(服务器没条件的可以使用docker)
  2. 并且已经执行过./bin/wxdt install
  3. ide的设置中开启服务端口: 设置 -> 安全 -> 服务端口(开启)

命令行工具所在位置: <安装路径>/bin/cli

端口号文件位置:~/.config/wechat_web_devtools/Default/.ide

微信文档参考:

Docker

未安装wine,仅限cli调用

可以直接run

docker run -it \
    -v $PWD:/projects \
    canyoutle/wxdt \
    sh -c "cli -l && cli -p /projects/your-project"

或是启动一个持久的容器

docker run -d \
    --name wxdt \
    -p 6080:80 \
    -v $PWD:/projects \
    canyoutle/wxdt

docker exec -it wxdt cli -l # 登录
docker exec -it wxdt cli -p /projects/your-project # 预览工程

docker stop wxdt # 暂停容器
docker start wxdt # 下次使用,不用再run,可以直接exec

其它说明

安装Wine

请参考搜索引擎安装 Wine,以下是Ubuntu下两种安装

1. 安装wine-binfmt 或则wine (一定要先装wine环境) 如果后装wine可能会出现无法编译的情况解决方法(先删除默认conf配置 sudo rm -rf ~/.config/wechat_web_devtools 然后再执行 ./bin/wxdt install 重新安装)

sudo apt-get install wine-binfmt  (如果是Ubuntu 16.4这个不存在 直接执行 sudo apt-get install wine)
sudo update-binfmts --import /usr/share/binfmts/wine

2. 正常安装wine (这种装wine的方法没测过 个人感觉用上面的就够了)

dpkg --add-architecture i386 \
  && wget -nc https://dl.winehq.org/wine-builds/winehq.key \
  && apt-key add winehq.key \
  && apt-add-repository 'deb https://dl.winehq.org/wine-builds/ubuntu/ bionic main' \
  && apt-get update \
  && apt-get install -y --no-install-recommends --allow-unauthenticated winehq-stable

./bin/wxdt install 报错失败

./nw: error while loading shared libraries: libnw.so: cannot open shared object file: No such file or directory

该错误是由 nw.js 下载失败所致. 删除缓存, 重新下载即可.

rm -rf /path/to/wechat_web_devtools/dist
rm -rf /tmp/wxdt_xsp
# 请务必等待执行完成
./bin/wxdt install

参考

wccwcsc 编译错误

wine没安装好导致的,或是没有成功替换wccwcsc两个二进制文件

  • 方案一: 安装wine并且执行./bin/wxdt install
  • 方案二: 安装wine-binfmt

完成后, 点击 编译 即可.

参考:

  1. https://github.com/cytle/wechat_web_devtools/issues/66#issuecomment-368434141
  2. https://github.com/cytle/wechat_web_devtools/issues/56#issuecomment-371999385

更新到最新版

方案一: 直接从当前项目源码 进行 更新 (稳定, 推荐)

git pull origin

方案二: 使用腾讯原始安装程序 进行 自助复制更新 (及时, 自行折腾)

: 如果抽风了, 可以尝试使用 git reset --hard 等操作, 还原到最初的状态.

执行更新, 自动下载最新 Windows x64 版开发者工具, 并且使用7z解压.

./bin/update_package_nw.sh

Tips

  • 运行没问题,欢迎PR

Ubuntu环境下编辑器字体安装

Ubuntu环境下默认没有Cosolas字体,同时目前无法修改字体,因此下载安装Consolas字体是较优方案,使得编辑器将显示更舒服。

  • 下载https://github.com/kakkoyun/linux.files/raw/master/fonts/Consolas.ttf/usr/local/share/fonts or ~/.fonts
  • sudo fc-cache -f重建字体缓存
  • 确认字体安装成功
sudo fc-list|grep Consol
.fonts/Consolas.ttf: Consolas:style=Regular
  • 重启微信开发者工具

卸载

  1. 关闭 微信web开发者工具
  2. 项目文件夹下运行 ./bin/wxdt uninstall (删除桌面图标、微信web开发者工具配置目录), 开发者工具配置文件, 所有工程和登录信息均会消失
  3. 删除项目文件夹

Arch Linux

Arch Linux 及其衍生发行版,如 Manjaro,可以通过 AUR 进行安装:https://aur.archlinux.org/packages/wechat-devtool/

截图

截图1

调试界面

上面项目来自wechat-v2ex

赞赏

赞赏码

Changelog

免责声明

微信开发者工具版权归腾讯公司所有,本项目旨在交流学习之用。如有不当之处,请联系本人,邮箱:canyoutle@gmail.com

Comments ( 4 )

Sign in for post a comment

About

Linux微信web开发者工具, 可在 linux 桌面环境跑起 微信开发者工具, 原理是 微信开发者工具 本质是 nw.js 程序, 把它移植到 linux 下没大问题. 负责编译 wxml 和 wxss 的 wcc 和 wcsc (可能还有其他功能), 则利用 wine 来跑即可 spread retract
HTML and 4 more languages
Cancel

Releases

No release

Gitee Metrics

Contributors

All

Activities

load more
can not load any more
HTML
1
https://gitee.com/liushuai05/wechat_web_devtools.git
git@gitee.com:liushuai05/wechat_web_devtools.git
liushuai05
wechat_web_devtools
wechat_web_devtools
master

Search

131423 f1aaba0b 1899542 094922 1c74bed3 1899542