2016年9月22日凌晨，微信宣布“小程序”問(wèn)世，媽的，論壇，博客全是小程序，昨天當(dāng)之無(wú)愧搶了頭條，當(dāng)然只是開(kāi)始內(nèi)測(cè)了，微信公眾平臺(tái)對(duì)200個(gè)服務(wù)號(hào)發(fā)送了小程序內(nèi)測(cè)邀請(qǐng)。那么什么是“小程序”呢，來(lái)看微信之父怎么說(shuō)

看完之后，相信大家大概都有些明白了吧，對(duì)于開(kāi)發(fā)者來(lái)說(shuō)或許都有些小激動(dòng)吧，畢竟多關(guān)注一些新東西沒(méi)什么不好。那么問(wèn)題是“小程序”只有200個(gè)內(nèi)測(cè)賬號(hào)，怎么辦？還好，天朝的人才太多了，在消息發(fā)布后的幾小時(shí)內(nèi)網(wǎng)上已經(jīng)出了IDE的破解版，廢話不多說(shuō)，看配置步驟：

1.　　IDE下載

MAC版鏈接: http://pan.baidu.com/s/1nvB7UNv 密碼: fk8p

Win版鏈接: http://pan.baidu.com/s/1i5Nlz5z 密碼: d55b

2.　　破解。下載鏈接: http://pan.baidu.com/s/1hs6s24s 密碼: irr1

下載完IDE（實(shí)際就是微信web開(kāi)發(fā)者工具了）安裝，然后需要分別替換以下2個(gè)目錄文件才能破解

安裝目錄\package.nw\app\dist\components\create\createstep.js

安裝目錄\package.nw\app\dist\stroes\projectStores.js

3.　　完成。來(lái)看界面：

附加朋友分享的Demo下載鏈接: http://pan.baidu.com/s/1qXBR6ry 密碼: bkpx

開(kāi)發(fā)微信小程序入門(mén)前

2016年09月21日晚 微信發(fā)不了微信“小程序”的內(nèi)測(cè)版，一時(shí)間整個(gè)互聯(lián)網(wǎng)都炸了鍋。個(gè)大新聞、論壇都在討論這個(gè)事情。

作為互聯(lián)網(wǎng)的一猿，我們?cè)跄懿痪o跟時(shí)代的腳步。于是第二天上午也對(duì)微信發(fā)布的“小程序” 進(jìn)一步的做了相關(guān)了解。

很多人問(wèn)我這是什么？

我一般回答：這是未來(lái)。

安裝教程

關(guān)于使用教程網(wǎng)上已經(jīng)有非常多的教程了，我在這里也不過(guò)多贅述，就簡(jiǎn)單的介紹一下。

想要快速的學(xué)習(xí)及開(kāi)發(fā)微信的“小程序”（雖然它還沒(méi)正式發(fā)布）我們首先需要一個(gè)“微信web開(kāi)發(fā)著工具”這么一個(gè)軟件，windows版與Mac版都有。注意，是0.9及以上的版本，0.7版本無(wú)法運(yùn)行。

Mac版下載地址：wechat_web_devtools_0.9.092100.dmg
windows下載地址：wechat_web_devtools_0.9.092100_x64.exe

Mac的安裝方式很簡(jiǎn)單，與普通應(yīng)用的安裝方式一樣。

1. 打開(kāi)下載好用dmg文件
2. 把"微信web開(kāi)發(fā)者工具"拖進(jìn)Application就算是安裝完成了
3. 依次打開(kāi)"系統(tǒng)便好設(shè)置"->"安全與隱私"->"點(diǎn)按鎖按鈕以進(jìn)行更改"->選擇"任何來(lái)源"
4. 根據(jù)提示點(diǎn)"是"、"打開(kāi)" 然后就可以正常的打開(kāi)應(yīng)用了

以下是截圖：

先用自己的開(kāi)發(fā)者賬號(hào)掃一下二維碼登陸“微信開(kāi)web發(fā)者工具”，登陸成功后會(huì)出現(xiàn)一下界面：

(我已經(jīng)添加過(guò)了，所以不用在意這些細(xì)節(jié))

點(diǎn)擊“添加項(xiàng)目”

這是會(huì)提示輸入AppId、項(xiàng)目名稱(chēng)、及項(xiàng)目地址, 如下圖

什么是AppID？

注意：這里的App ID不是原來(lái)開(kāi)發(fā)者帳號(hào)的那個(gè)App ID。

眾所周知，騰訊只給發(fā)了200個(gè)開(kāi)發(fā)者賬號(hào)，那像咱們這種沒(méi)有資格的怎么辦？

我們是猿誒，在不影響他人利益的情況下當(dāng)然選擇破解。

題外話：

聽(tīng)說(shuō)開(kāi)發(fā)者帳號(hào)已經(jīng)吵到300萬(wàn)了，不知道是真的還是假的！

1. 每個(gè)用戶只能有20個(gè)“小程序”
2. “小程序”不能打開(kāi)第三方應(yīng)用
3. 每個(gè)應(yīng)用開(kāi)發(fā)完后打包提交給微信進(jìn)行審核
4. 應(yīng)用是在微信的服務(wù)器的
5. 無(wú)法獨(dú)立出一個(gè)獨(dú)立的應(yīng)用，只能在微信上使用

然后點(diǎn)"添加項(xiàng)目"就完成了一個(gè)項(xiàng)目的創(chuàng)建。

破解方法

windows與mac的破解方法基本相同，這里只以mac為例

先關(guān)閉開(kāi)發(fā)者工具

下載這兩個(gè)JS文件，分別替換各個(gè)目錄中的文件

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

替換的路徑

createstep.js ->/Applications/wechatwebdevtools.app/Contents/Resources/app.nw/app/dist/components/create/createstep.js

projectStores.js ->/Applications/wechatwebdevtools.app/Contents/Resources/app.nw/app/dist/stroes/projectStores.js

替換完后啟動(dòng)應(yīng)用，然后輸入App ID（隨便輸入一個(gè)就行了）然后項(xiàng)目名、路徑等。

這樣就可以真正進(jìn)入開(kāi)發(fā)界面了。

注意：按照網(wǎng)上的教程需要重新啟動(dòng)一下“微信web開(kāi)發(fā)者工具”原因可能是使用某些功能的時(shí)候會(huì)提示AppId未注冊(cè)。

網(wǎng)上有一個(gè)微信Demo，也不知道是不是微信官方的，里邊有大量的例子。

demo下載：demo.zip

這是一個(gè)比較全的demo，包含了大部份功能，及微信所開(kāi)放的api。

點(diǎn)擊關(guān)閉退出到項(xiàng)目選擇頁(yè)面，然后選擇“添加應(yīng)用”與上面方法相同，注意，“項(xiàng)目路徑”選擇剛剛所下載的“Demo” 讓后啟動(dòng)，就可以體驗(yàn)大量demo了。

寫(xiě)一個(gè)hello world！

一般有三個(gè)文件：

1. .wxml 相當(dāng)于html與xml的結(jié)合體
2. .js 就是js文件
3. .wxss 某種css吧

需要注意的是目前小應(yīng)用暫時(shí)不支持其他插件比如jQuery啥的。

選擇"編輯"選項(xiàng)卡, 打開(kāi)/pages/index/index.wxml

是不是很熟悉，就是html與xml的結(jié)合 先不做修改。然后打開(kāi) /pages/index/index.js

在Page函數(shù)里的 data 對(duì)象里的 motto的值改成Hello Dudulu

bindViewTap 這個(gè)方法是綁定的跳轉(zhuǎn)，如果你設(shè)置了userInfo的nickName的值，它將會(huì)顯示在頁(yè)面正中央，當(dāng)你點(diǎn)擊"nickName"的時(shí)候，它路由跳轉(zhuǎn)到/pages/logs/logs.wxml了

改完后回到"調(diào)式"選項(xiàng)卡,點(diǎn)擊"重啟"就可以刷新剛剛所修改的文本了。

運(yùn)行效果:

這里有一個(gè)錯(cuò)誤，github上已經(jīng)有修復(fù)改錯(cuò)誤的方法了，還需要替換一個(gè)文件:

文件3: asdebug.js

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

就可解決以上報(bào)錯(cuò)的問(wèn)題。

已經(jīng)有大神把微信的官方文檔給抓取下來(lái)了, 文檔地址: http://notedown.cn/weixin/com...

尾巴

咱們這種破解方式顯然是不行的，我覺(jué)得微信可能會(huì)封掉這種方法，所以大家趕緊。

我說(shuō)它是未來(lái)，這個(gè)大家自己體會(huì)，這次我們不能再錯(cuò)過(guò)了。

我們一起加油！

以上就是對(duì)微信小程序安裝教程的詳解，希望能幫助到有需要的朋友,謝謝大家對(duì)本站的支持！