All Projects → cytle → Wechat_web_devtools

cytle / Wechat_web_devtools

微信开发者工具(微信小程序)linux完美支持

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
shell
77523 projects
Makefile
30231 projects
Dockerfile
14818 projects

Projects that are alternatives of or similar to Wechat web devtools

Wxapp Boilerplate
使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架
Stars: ✭ 367 (-86.22%)
Mutual labels:  wechat-mini-program, weapp, wxapp
Tina
💃 一款轻巧的渐进式微信小程序框架
Stars: ✭ 1,153 (-56.72%)
Mutual labels:  wechat-mini-program, weapp, wxapp
Wxapp Webpack Plugin
📦 微信小程序 webpack 插件
Stars: ✭ 185 (-93.06%)
Mutual labels:  wechat-mini-program, weapp, wxapp
wxbizdatacrypt
微信小程序加密数据解密算法Go版
Stars: ✭ 132 (-95.05%)
Mutual labels:  weapp, wxapp, wechat-mini-program
Alaweb
一套 Vue 代码,多端可用(H5、小程序、苹果App、安卓App、头条等)。系统含150+页面,200+组件(5端通用),30+元件(每个终端独立完成)
Stars: ✭ 837 (-68.58%)
Mutual labels:  wechat-mini-program, weapp, wxapp
Weapp Qrcode
weapp.qrcode.js 在 微信小程序 中,快速生成二维码
Stars: ✭ 1,194 (-55.18%)
Mutual labels:  wechat-mini-program, weapp
Taro Msparis
🌱用 React 编写的基于Taro + Dva构建的适配不同端(微信/百度/支付宝小程序、H5、React-Native 等)的时装衣橱
Stars: ✭ 1,203 (-54.84%)
Mutual labels:  wechat-mini-program, wxapp
Weapp
🐧 微信小程序组件和功能封装,基于微信Component自定义组件开发
Stars: ✭ 235 (-91.18%)
Mutual labels:  weapp, wxapp
Wx Book
仿追书神器的小说阅读器小程序
Stars: ✭ 122 (-95.42%)
Mutual labels:  weapp, wxapp
Taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
Stars: ✭ 30,230 (+1034.76%)
Mutual labels:  wechat-mini-program, wxapp
Weapp Qrcode Base64
微信小程序生成二维码的插件,基于base64编码输出二维码,不依赖canvas
Stars: ✭ 100 (-96.25%)
Mutual labels:  weapp, wxapp
Gulp Wxapp Boilerplate
小程序 Gulp 开发脚手架
Stars: ✭ 145 (-94.56%)
Mutual labels:  wechat-mini-program, weapp
Nfu Guide Map
📍 地图导览小程序 — 南苑导览 🚶 仅需修改配置即可适配任意场景的个性化定制地图小程序
Stars: ✭ 72 (-97.3%)
Mutual labels:  wechat-mini-program, wxapp
Wechat Weapp Movie
🎬电影推荐 - 微信小程序
Stars: ✭ 1,355 (-49.14%)
Mutual labels:  weapp, wxapp
Nideadmin
【未完成】NideAdmin - 基于 Vue.js + Egg.js 的微信小程序后台框架
Stars: ✭ 35 (-98.69%)
Mutual labels:  wechat-mini-program, weapp
Weapp Monument Valley
纪念碑谷 小程序 源码
Stars: ✭ 119 (-95.53%)
Mutual labels:  wechat-mini-program, weapp
We Validator
💯 简单灵活的表单验证插件,支持小程序、浏览器以及Nodejs端使用
Stars: ✭ 180 (-93.24%)
Mutual labels:  wechat-mini-program, weapp
Weapp Jump
跳一跳 小程序 源码
Stars: ✭ 173 (-93.51%)
Mutual labels:  wechat-mini-program, weapp
Dva Wxapp
微信小程序的dva集成
Stars: ✭ 183 (-93.13%)
Mutual labels:  weapp, wxapp
Leshare Shop Wepy
基于微信小程序的在线商城,采用wepy框架开发
Stars: ✭ 839 (-68.51%)
Mutual labels:  weapp, wxapp

Linux微信web开发者工具

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

wx_dev_tools v1.02.1910121 nw.js v0.24.4

Description

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

Usage

下载项目和初始化

git clone https://github.com/cytle/wechat_web_devtools.git
cd wechat_web_devtools
# 自动下载最新 `nw.js` , 同时部署目录 `~/.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

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

2. 正常安装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

方案三: 同上 手动指定 -l <微信开发工具下载地址> -v <版本号> (可指定预发布版或开发版)

: -l -v 选项务必同时指定, 并且版本号 形如1.02.2001191

./bin/update_package_nw.sh -l <微信开发工具下载地址> -v <版本号>

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

免责声明

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].