小程序教程

给微信小程序开发工具加“料”一:获取源码

字号+ 作者: 来源: 2016-11-23 09:49 我要评论( )

获取源码
由于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的引入代码,这样也好让你知道,在开发工具开发过程中需要到的一些东西


  1. <div class="blockcode"><blockquote>var n = require("../dist/lib/react.js"),
  2.     e = require("../dist/lib/react-dom.js"),
  3.     i = require("../dist/common/loadInit/init.js"),
  4.     o = require("../dist/components/ContainController.js"),
  5.     t = require("../dist/common/proxy/startProxy.js"),
  6.     r = require("../dist/actions/windowActions.js"),
  7.     s = require("../dist/actions/webviewActions.js"),
  8.     u = require("../dist/stores/webviewStores.js"),
  9.     d = require("../dist/common/log/log.js"),
  10.     c = require("../dist/common/shortCut/shortCut.js"),
  11.     l = global.appConfig.isDev;
  12.     if ("darwin" === process.platform) {
  13.         var a = require("../dist/common/menu/menu.js");
  14.         nw.Window.get().menu = a
  15.     }
复制代码


  • react.js

微信小程序开发工具主要使用的就是react,使用了‘JSX’的语法,如果你想跟上后面几天我们要做的事情,你有必要去先熟悉一下react的知识

  • node

这个不必多说,node模块很重要,提供本地运行服务器和一些npm模块等

  • 其它开源

我们后面需要慢慢看其它涉及到的文件

卖个关子,如果把你的微信小程序开发面板做成黑色主题


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 微信小程序 轮播图 swiper图片组件

    微信小程序 轮播图 swiper图片组件

    2016-11-23 09:49

  • 微信小程序 开发 微信开发者工具 快捷键

    微信小程序 开发 微信开发者工具 快捷键

    2016-11-23 09:49

  • 微信小程序 页面跳转 传递参数

    微信小程序 页面跳转 传递参数

    2016-11-23 09:49

  • 微信小程序 如何获取时间

    微信小程序 如何获取时间

    2016-11-23 09:49

网友点评
n