瞧一瞧，看一看，微信應用號（小程序）

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

替換的路徑

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下載：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上已經有修復改錯誤的方法了，還須要替換一個文件:

1. 文件3: asdebug.js

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

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

---

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

---

尾巴

我們這種破解方式顯然是不行的，我以爲微信可能會封掉這種方法，因此你們趕忙。

我說它是將來，這個你們本身體會，此次咱們不能再錯過了。

咱們一塊兒加油！