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

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

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開發(fā)者工具了）安裝，然后需要分別替換以下2個(gè)目錄文件才能破解

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

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

3.　　完成。來看界面：

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

開發(fā)微信小程序入門前

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)了解。

很多人問我這是什么？

我一般回答：這是未來。

安裝教程

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

想要快速的學(xué)習(xí)及開發(fā)微信的“小程序”（雖然它還沒正式發(fā)布）我們首先需要一個(gè)“微信web開發(fā)著工具”這么一個(gè)軟件，windows版與Mac版都有。注意，是0.9及以上的版本，0.7版本無法運(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. 打開下載好用dmg文件
2. 把"微信web開發(fā)者工具"拖進(jìn)Application就算是安裝完成了
3. 依次打開"系統(tǒng)便好設(shè)置"->"安全與隱私"->"點(diǎn)按鎖按鈕以進(jìn)行更改"->選擇"任何來源"
4. 根據(jù)提示點(diǎn)"是"、"打開" 然后就可以正常的打開應(yīng)用了

以下是截圖：

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

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

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

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

什么是AppID？

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

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

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

題外話：

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

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

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

破解方法

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

先關(guān)閉開發(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)入開發(fā)界面了。

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

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

demo下載：demo.zip

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

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

寫一個(gè)hello world！

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

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

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

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

是不是很熟悉，就是html與xml的結(jié)合 先不做修改。然后打開 /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ò)的問題。

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

尾巴

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

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

我們一起加油！

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