? ?? WeChat ?? ???? ??? ?? ?? ??? ?????. ?? ??, ????? ??, ???? ?? ? ??? ??? ??? WeChat ?? ???? ?? ??? ?? ?????. ??? ??.

【?? ?? ?? ??: ?? ???? ?? ????】

? ????? WeChat ?? ???? ?? ??? ???? ?????. ??? ??? WeChat ?? ???

1? ?????. : ?? https:// mp.weixin.qq.com/wxopen/waregister?action=step1

?? ?? ???? ???? ?? ??? ??? ?? ?? ??? ????, ??? ????, ??? ?? ??? ???? ?? ??? ???? ???? ??? ???? ??? ?? ? ????. ??? ???? ??????.

2: https://mp.weixin.qq.com

? ????? "??" - "?? ??" ???? ?? ????? AppID? ??? ? ????. ?? ????? AppID? ?? ???? ???? ID ??? ?????. AppID? ??? ?? ??? ???? ???. (??? ???? ?? ??? AppID?? ??? ???.) ?? ???? ??? ?? ??? ?? ????? ??? ? ?? ??? ?????.

?? ????? ?? ?? https://developers.weixin.qq.com/miniprogram/dev/framework/

3: ?? ?? ??

??? ?? ???? ???? ???? ??? ??? ?? ?? ?? ???? ????????. ???? ?? ??? ??? ?? ??? ??? "??? ?? ??"? ?????. ?? ???? ??? ??? ?? WeChat? ???? QR ??? ???? ??? ??? ???? ? ? ?? ?? ????? ??? ??? ???!

?? ?? ?? ??? [WeChat ??? ??]? ?? ??? ??? ? ????.

4: ? ?? ?? ???? ??

? ???? ??, ?? ???? ???? ??, ??? ??? ?? ??? ?? ?? , ?? ??? ?? ????? AppID? ???? ????? ?? ??? ??? ?? ????? "Create QuickStart Project"? ????(??: ? ??? ????? ? ????? ???? ?) ??? ??? ?? ??? ? ?? ??????. IDE?? ? ?? ???? ?? ??? ?? ???? ???? ?????.

5: ??? ????

???? ??? ??? ???? ?? ??? ????? ??????? ? ?? ????? ??? ? ? ????. ?? ???? ??? ???? ????? ??? ? ?? ????. WeChat?? ???? ?? ??? ?? ???????.

? ??? ??? WeChat Open Documents? [??]-[??]?? ? ? ????.

2. ????? ??

?? ???? ?? ?????? ??? ???? ??? ?? ???? ???? ???? WeChat? ?? APP ??? ???? ???? ??? ? ??? ?? ????.

?? ?? ???? ????? ????

Logic ???

(App Service)? View ???(View)? ? ???? ????. ???? ?? ? ??? ?? ??? WXML ? WXSS? JavaScript ?? ?? ??? ?????? ????, ? ???? ?? ??? ??? ??? ?? ? ??? ???? ????? ???? ???? ??? ??? ? ????.

??? ??? ???

?????? ??? ?? ???? ???? ?? ???? ? ?? ??? ??? ??? ??????. ???? ??? ? ?? ??? ???? ???? ?? ?? ?? ? ??? ???????.

??? ??

?????? ?? ?? ????? ??? ???? ???? ??? ? ??? ??? ???? ?? ???? ??? ?? ??? ?????. ???? ?? ? ?? ???? ???, ??? ? ?????? ??? ?????? ???? ? ???, ?? ?? ??? ??? ?????? ?? ?????.

?? ????

?????? WeChat ??? ???? ?? ??? ??? ?? ???? ??? ?????. ???? ?? ????? ???? ??? WeChat ?? ????? ?? ? ????.

Rich API

?????? ??? ?? ??, ?? ??, ?? ?? ?? ?? WeChat?? ???? ??? ?? ???? ? ?? ??? WeChat ?? API? ?????.
3. ???? ??

HTML+CSS+js? ??? ?? ?? ??? ??? ?? ?? ???? ??? ?? ??? ? ???~~

Entrance
• ? ?? ????? ???? ???. ??? ???? ??, ?????? ?? ?? ???, ?? ???? ? ??? ?? ?? ???? ?? ?? ?? app.js? ? ???
  

  //?app.jsApp({
  ??onLaunch?(options)?{
  ????//?Do?something?initial?when?launch.
  ??},
  ??onShow?(options)?{
  ????//?Do?something?when?show.
  ??},
  ??onHide?()?{
  ????//?Do?something?when?hide.
  ??},
  ??onError?(msg)?{
  ????console.log(msg)
  ??},
  ??globalData:?'I?am?global?data'})

?? ?? ?????? ?? ????? ???? ? ????? ??? ????. ???? getApp ???? ?? ????? ??? App ????? ???, App?? ???? ???, ???? App? ??? ??? ??? ? ????.

//?xxx.jsconst?appInstance?=?getApp()console.log(appInstance.globalData)?//?I?am?global?data

• 全局配置
  小程序根目錄下的 app.json 文件用來(lái)對(duì)微信小程序進(jìn)行全局配置，決定頁(yè)面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多 tab 等。
  詳見(jiàn)【全局配置】

• 頁(yè)面配置
  每一個(gè)小程序頁(yè)面也可以使用同名 .json 文件來(lái)對(duì)本頁(yè)面的窗口表現(xiàn)進(jìn)行配置，頁(yè)面中配置項(xiàng)會(huì)覆蓋 app.json 的 window 中相同的配置項(xiàng)。
  詳見(jiàn)【頁(yè)面配置】

• 小程序生命周期
  注冊(cè)小程序。接受一個(gè) Object 參數(shù)，其指定小程序的生命周期回調(diào)等。
  詳細(xì)api詳見(jiàn)https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

• 頁(yè)面生命周期
  注冊(cè)小程序中的一個(gè)頁(yè)面。接受一個(gè) Object 類(lèi)型參數(shù)，其指定頁(yè)面的初始數(shù)據(jù)、生命周期回調(diào)、事件處理函數(shù)等。
  生命周期對(duì)象詳見(jiàn)https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

• 組件
  自帶組件庫(kù)weUI

• API
  豐富的api
  https://developers.weixin.qq.com/miniprogram/dev/api/

詳細(xì)信息可具體參考《小程序開(kāi)發(fā)指南》

【相關(guān)學(xué)習(xí)推薦：小程序開(kāi)發(fā)教程】

? ??? WeChat ?? ????? ?? ??? ???? ?????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!