下划线 test

安装教程

关于使用教程网上已经有非常多的教程了，我在这里也不过多赘述，就简单的介绍一下。

想要快速的学习及开发微信的“小程序”（虽然它还没正式发布）我们首先需要一个“微信 web 开发着工具”这么一个软件，windows 版与 Mac 版都有。注意，是 0.9 及以上的版本，0.7 版本无法运行。

Mac 版下载地址：wechat_web_devtools_0.9.092100.dmg

windows 下载地址：wechat_web_devtools_0.9.092100_x64.exe

Mac 的安装方式很简单，与普通应用的安装方式一样。

1. 打开下载好用 dmg 文件
2. 把"微信 web 开发者工具"拖进 Application 就算是安装完成了
3. 依次打开"系统便好设置"->"安全与隐私"->"点按锁按钮以进行更改"-> 选择"任何来源"
4. 根据提示点"是"、"打开" 然后就可以正常的打开应用了

以下是截图：

先用自己的开发者账号扫一下二维码登陆“微信开 web 发者工具”，登陆成功后会出现一下界面：

(我已经添加过了，所以不用在意这些细节)

点击“添加项目”

这是会提示输入 AppId、项目名称、及项目地址, 如下图

什么是 AppID？

注意：这里的 App ID 不是原来开发者帐号的那个 App ID。

众所周知，腾讯只给发了 200 个开发者账号，那像咱们这种没有资格的怎么办？

我们是猿诶，在不影响他人利益的情况下当然选择破解。

题外话：

听说开发者帐号已经吵到 300 万了，不知道是真的还是假的！

1. 每个用户只能有 20 个“小程序”
2. “小程序”不能打开第三方应用
3. 每个应用开发完后打包提交给微信进行审核
4. 应用是在微信的服务器的
5. 无法独立出一个独立的应用，只能在微信上使用

然后点"添加项目"就完成了一个项目的创建。

破解方法

windows 与 mac 的破解方法基本相同，这里只以 mac 为例

先关闭开发者工具

下载这两个 JS 文件，分别替换各个目录中的文件

文件 1: createstep.js 文件 2: projectStores.js

替换的路径

1. createstep.js ->/Applications/wechatwebdevtools.app/Contents/Resources/app.nw/app/dist/components/create/createstep.js
2. projectStores.js ->/Applications/wechatwebdevtools.app/Contents/Resources/app.nw/app/dist/stroes/projectStores.js

替换完后启动应用，然后输入 App ID（随便输入一个就行了）然后项目名、路径等。

这样就可以真正进入开发界面了。

注意：按照网上的教程需要重新启动一下“微信 web 开发者工具”原因可能是使用某些功能的时候会提示 AppId 未注册。

网上有一个微信 Demo，也不知道是不是微信官方的，里边有大量的例子。

这是一个比较全的 demo，包含了大部份功能，及微信所开放的 api。

点击关闭退出到项目选择页面，然后选择“添加应用”与上面方法相同，注意，“项目路径”选择刚刚所下载的“Demo” 让后启动，就可以体验大量 demo 了。

写一个 hello world！

一般有三个文件：

1. .wxml 相当于 html 与 xml 的结合体
2. .js 就是 js 文件
3. .wxss 某种 css 吧

需要注意的是目前小应用暂时不支持其他插件比如 jQuery 啥的。

选择"编辑"选项卡, 打开 /pages/index/index.wxml

是不是很熟悉，就是 html 与 xml 的结合 先不做修改。然后打开 /pages/index/index.js

在 Page 函数里的 data 对象里的 motto 的值改成 Hello Dudulu

bindViewTap 这个方法是绑定的跳转，如果你设置了 userInfo 的 nickName 的值，它将会显示在页面正中央，当你点击"nickName"的时候，它路由跳转到 /pages/logs/logs.wxml 了

改完后回到"调式"选项卡,点击"重启"就可以刷新刚刚所修改的文本了。

运行效果:

这里有一个错误，github 上已经有修复改错误的方法了，还需要替换一个文件:

替换目录:/Applications/wechatwebdevtools.app/Contents/Resources/app.nw/app/dist/weapp/appservice/asdebug.js

就可解决以上报错的问题。