由于nwjs的架构模式中基本上是使用html\JS进行代码的实现,同时nwjs并未对所有的代码进行加密,仅仅是进行了代码的压缩,所以我们可以通过安装的程序进行获取到相应的要压缩程序包
- 在mac下获取源码方式
- 打开Applications/文件夹,找到微信web开发者工具
- 右击鼠标(或者你自己设置的手势或者案件),点击show package content
- 就可以看到所有了。
liao1.gif[size=1em]761x429 123 KB
- 在windows中获取源码
(手里没有windows电脑)大概思路与mac一样
- 找到安装目录
- 打开安装目录,找到相应文件夹
获取源码以后,我们就可以查看相应的文件目录和结构了。
Screen Shot 2016-10-31 at 08.31.58.png[size=1em]959x802 139 KB
主要几个文件目录
看文件也要有重点的看,如果你不熟悉nwjs,建议先看一下官方文档了解一下。
有必要说一下,每一个文件基本上都是代码压缩过的,自行解压
- app.nw/
这里面基本上是我们需要的文件,其它文件夹下的东西,你应该通过名字就知道他们大概的意思了。
- 入口 app.js
如果你找不到入口文件的话,恐怕你是理不清楚整个的逻辑的
有必要贴一下app.js的引入代码,这样也好让你知道,在开发工具开发过程中需要到的一些东西
- <div class="blockcode"><blockquote>var n = require("../dist/lib/react.js"),
- e = require("../dist/lib/react-dom.js"),
- i = require("../dist/common/loadInit/init.js"),
- o = require("../dist/components/ContainController.js"),
- t = require("../dist/common/proxy/startProxy.js"),
- r = require("../dist/actions/windowActions.js"),
- s = require("../dist/actions/webviewActions.js"),
- u = require("../dist/stores/webviewStores.js"),
- d = require("../dist/common/log/log.js"),
- c = require("../dist/common/shortCut/shortCut.js"),
- l = global.appConfig.isDev;
- if ("darwin" === process.platform) {
- var a = require("../dist/common/menu/menu.js");
- nw.Window.get().menu = a
- }
- react.js
微信小程序开发工具主要使用的就是react,使用了‘JSX’的语法,如果你想跟上后面几天我们要做的事情,你有必要去先熟悉一下react的知识
- node
这个不必多说,node模块很重要,提供本地运行服务器和一些npm模块等
- 其它开源
我们后面需要慢慢看其它涉及到的文件
卖个关子,如果把你的微信小程序开发面板做成黑色主题
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。
相关文章
-
微信小程序 轮播图 swiper图片组件
2016-11-23 09:49
-
微信小程序 开发 微信开发者工具 快捷键
2016-11-23 09:49
-
微信小程序 页面跳转 传递参数
2016-11-23 09:49
-
微信小程序 如何获取时间
2016-11-23 09:49
网友点评
热门资讯
关注我们
关注微信公众号,了解最新精彩内容