微信小程序开发之Mint8(ubuntu16.04) 搭建微信Web开发工具(linux)
凌雪 2018-11-12 来源 :网络 阅读 2170 评论 0

摘要:本文将带你了解Mint8(ubuntu16.04) 搭建微信Web开发工具(linux),希望本文对大家学微信有所帮助。

本文将带你了解Mint8(ubuntu16.04) 搭建微信Web开发工具(linux),希望本文对大家学微信有所帮助。


微信Web开发工具官方并不支持Linux,因为其开发工具是基于nwjs,理论上应该是可以在linux下搭建起来.鸣谢: @yuan1994 @jerry79 @duan602728596 @pynix参考: https://github.com/yuan1994/wechat_web_devtoolshttps://github.com/yuan1994/wechat_web_devtools/issues/2https://ruby-china.org/topics/30339搭建环境OS:Linux Mint 18.1 Serena   (64-bit)
    Chrome:56.0.2924.87 (64-bit)
    NWJS:nwjs-v0.21.4-linux-x64.tar.gz
    先用了@yuan1994的方案,大部分可以正常运行,可是不能正常模拟.也就是模拟器运行不起来 ,后来直接用nwjs重新从头开始搭建,几经周折,终于完成.现提供给大家参考,避免走弯路.进入正题,只讲关键.1.安装NWJS  a.下载SDK
    url:https://nwjs.io/
  b.解压安装包:tar -zxvf nwjs-v0.21.4-linux-x64.tar.gz
    2.准备微信Web开发工具    a.下载windows 64 ,因为我的mint为x64
      url:https://servicewechat.com/wxa-dev-logic/download_redirect?type=x64&from=mpwiki
  b.安装
    可以在虚拟机/wine/或其他Windows平台,安装好后,取其目录下package.nw中的所有文件备用.
    3.配置与调整    a.将上面package.nw目录全部内容(app,node_modules,package.json),copy到nwjs安装目录的根目录,特别注意:不要保留package.nw目录层,我在这上面就浪费了很多时间.
   
        b.调整 package.json内容:将-load-extension=./package.nw/app/dist/extensions/   中的package.nw目录去掉.-load-extension=./app/dist/extensions/,其他不要变
   
        c.调整因linux与windows对待大小写的策略不同所致代码:
   
          1./home/lucky/applications/nwjs/app/dist/components/ContainController.js  
        a.main.js >>   Main.js
        b.Create >>   create
   
          2./home/lucky/applications/nwjs/app/dist/common/assdk/networkSdk.js
        AppServiceConfig >>   appserviceConfig
   
    这些在启动应用时,控制台会逐一报文件未找到的错误,认真看控制台信息,一一调整即可,并非深奥内容.
   
   
   
        d.编译器改名
    目录位置:/home/lucky/.config/微信web开发者工具/WeappVendor,首次运行后自动建立,所以需要先按第4布运行至少一次.找到该目录下文件,将其.exe拿掉
      wcc.exe-→wcc
    wcsc.exe-→wcsc
   
        调整代码中的wcc.exe与wcsc.exe:
进入到package.nw/app/dist/weapp/文件夹,找到:
   
    commit/build.js、
trans/transWxmlToJs.js
    utils/vendorManager.js,
   
    将代码中的wcc.exe和wcsc.exe改成wcc和wcsc
    4.测试运行    a.进入nwjs目录
    b.执行 ./nw即可
    c.建立一个小程序,按其提供hello world范例,若能出现自己的微信名称与头像与Hello World的字样即表示OK
    5.注意事项在配置过程中可能会与不同版本等问题,可删除缓存与配置:sudo rm -rf ~/.config/微信web开发者工具/
    sudo rm -rf ~/.cache/微信web开发者工具/    

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之微信频道!

本文由 @凌雪 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程