2016年9月22日凌晨，微信宣布“小程序”問世，媽的，論壇，博客全是小程序，昨天當之無愧搶了頭條，當然只是開始內測了，微信公眾平臺對200個服務號發送了小程序內測邀請。那么什么是“小程序”呢，來看微信之父怎么說

看完之后，相信大家大概都有些明白了吧，對于開發者來說或許都有些小激動吧，畢竟多關注一些新東西沒什么不好。那么問題是“小程序”只有200個內測賬號，怎么辦？還好，天朝的人才太多了，在消息發布后的幾小時內網上已經出了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（實際就是微信web開發者工具了）安裝，然后需要分別替換以下2個目錄文件才能破解

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

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

3.　　完成。來看界面：

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

開發微信小程序入門前

2016年09月21日晚 微信發不了微信“小程序”的內測版，一時間整個互聯網都炸了鍋。個大新聞、論壇都在討論這個事情。

作為互聯網的一猿，我們怎能不緊跟時代的腳步。于是第二天上午也對微信發布的“小程序” 進一步的做了相關了解。

很多人問我這是什么？

我一般回答：這是未來。

安裝教程

關于使用教程網上已經有非常多的教程了，我在這里也不過多贅述，就簡單的介紹一下。

想要快速的學習及開發微信的“小程序”（雖然它還沒正式發布）我們首先需要一個“微信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

替換的路徑

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

替換完后啟動應用，然后輸入App ID（隨便輸入一個就行了）然后項目名、路徑等。

這樣就可以真正進入開發界面了。

注意：按照網上的教程需要重新啟動一下“微信web開發者工具”原因可能是使用某些功能的時候會提示AppId未注冊。

網上有一個微信Demo，也不知道是不是微信官方的，里邊有大量的例子。

demo下載：demo.zip

這是一個比較全的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上已經有修復改錯誤的方法了，還需要替換一個文件:

文件3: asdebug.js

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

就可解決以上報錯的問題。

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

尾巴

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

我說它是未來，這個大家自己體會，這次我們不能再錯過了。

我們一起加油！

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