• 什么是微信小程序

• 工具破解

• 開始教程

• DEMO展示

• iOS開發(fā)如何應(yīng)對微信小程序熱潮

本文主要摘錄微信小程序工具破解和第一個Hello World DMEO，其他內(nèi)容可以從 “閱讀原文” 中獲取

什么是微信小程序及其學(xué)習(xí)價值

---

 

微信小程序是一種全新的連接用戶與服務(wù)的方式，可以在微信內(nèi)被便捷地獲取和傳播，同時具有出色的使用體驗(yàn)。

 

在微信的發(fā)現(xiàn)Tab中增加一個“小程序”入口，點(diǎn)開之后，會出現(xiàn)自己開啟的小程序。來看下小程序提供哪些開發(fā)能力？

 

視圖容器：視圖(View)、滾動視圖、Swiper，圖標(biāo)、文本、進(jìn)度條，按鈕、表單等等

操作反饋，導(dǎo)航

媒體組件：音頻、圖片、視頻，地圖位置服務(wù)

畫布，文件操作能力

網(wǎng)絡(luò)：上傳下載能力、WebSocket

數(shù)據(jù)：數(shù)據(jù)緩存能力

位置：獲取位置、查看位置

設(shè)備：網(wǎng)絡(luò)狀態(tài)、系統(tǒng)信息、重力感應(yīng)、羅盤

界面：設(shè)置導(dǎo)航條、導(dǎo)航、動畫、繪圖等等

開放接口：登錄，包括簽名加密，用戶信息、微信支付、模板消息

 

一句話，App能做的事，它都能做，微信是通過weixin jssdk兌現(xiàn)這個承諾的。。小程序的體驗(yàn)和原生 app 幾乎沒有差異。。。（驚）

 

工具破解

---

 

• 開發(fā)工具 v0.7

  • 百度: https://pan.baidu.com/s/1pLxqFzH （密碼: bwt9）

  • 360: https://yunpan.cn/ckvTYFHWzYYFV （提取碼：e09b）

• 開發(fā)工具 v0.9

  • 百度: https://pan.baidu.com/s/1pLTKIqJ （密碼: iswg）

  • 360: https://yunpan.cn/ckvXjEbnFYMSC （提取碼：f9ca）

• Demo源代碼

  • 百度: https://pan.baidu.com/s/1o8hJFuU （密碼: bsky）

  • 360: https://yunpan.cn/ckvXAacJjvsgR （提取碼：3327）

     

 

• 微信小程序開發(fā)文檔：http://notedown.cn/weixin/api/

 

Mac測試可用，Windows測試可用

1. 下載開發(fā)工具，并安裝（注意：一定要安裝0.9版本）

2. 打開『微信Web開發(fā)者工具』的程序目錄

   • Windows：使用資源管理器查看

   • Mac：右鍵點(diǎn)擊圖標(biāo)，選擇『顯示包內(nèi)容』

3. 進(jìn)入程序目錄后，替換以下文件（只需要替換0.9版本里的，0.7版本用來登陸）：

   

   替換文件下載請戳原文鏈接

    

4. enjoy

 

開始

---

1. 運(yùn)行『微信Web開發(fā)者工具』

2. 通過微信掃描二維碼

3. 創(chuàng)建項(xiàng)目

   • AppID：隨便填

   • 項(xiàng)目名稱：隨便填

   • 本地開發(fā)目錄：選擇一個目錄

4. 點(diǎn)擊「添加項(xiàng)目」

   • 此時如果出錯，先退出再重進(jìn)

   • 此時，能夠看到項(xiàng)目列表了

5. 打開項(xiàng)目

6. 開始開發(fā)

7. enjoy

DEMO

---

1. 創(chuàng)建項(xiàng)目

2. 打開項(xiàng)目所在目錄

3. 下載「Demo源代碼」并解壓覆蓋

4. 打開項(xiàng)目

5. Good luck