微信小程序之应用号开发详解

微信小程序之应用号开发详解
这篇文章主要介绍了微信小程序（应用号）开发体验的相关资料,需要的朋友可以参考下

这篇文章主要介绍了微信小程序（应用号）开发体验的相关资料,需要的朋友可以参考下

昨天微信小程序（应用号）内测的消息把整个技术社区炸开了锅，我也忍不住跟了几波，可惜没有内测资格，听闻破解版出来了，今天早上就着原来的项目资源试开发了一下，总结一下体验.

总体体验

开发效率高，6：40左右破解完IDE，7:20左右点做完了首页和导航栏的布局，微信把觉见的布局都做了封装，比传统的前端开发效率高。

前端可以快速上手：熟练的前端可以很快上手，可能只要一小时读文档的时间加一个官方的例子。

开发工具难用，很多目录的操作和IDE常见的格式化代码，html配对等功能暂不支持。

开发限制了很多前端常见的Dom,window操作，开发的灵活度和难度降低。

我没有内测资格，小程序还不能上传体验，只能下载代码本地体验。

本文代码放在github

上截图

相关资源

破解的IDE

开发资源集合

IDE技术栈：NodeWebkit + React

进入的安装目录：微信web开发者工具\package.nw\app这个*.nw就能十有八九猜出是NodeWebkit封装的Web应用，详看依赖node_modules证实了猜想。在package.json "main": "app/html/index.html"定义了入口。

所有的组件本质是React组件

在入口中可以看到直接引用了React 和React DOM

"use strict";function init() { tools.Chrome = chrome; 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"), d = require("../dist/stroes/webviewStores.js"), u = require("../dist/common/log/log.js"), c = require("../dist/common/shortCut/shortCut.js"), l = global.appConfig.isDev; //...}