小程序開(kāi)發(fā)框架源碼的目標(biāo)是通過(guò)盡可能簡(jiǎn)單、高效的方式讓開(kāi)發(fā)者可以在微信中開(kāi)發(fā)具有原生應(yīng)用體驗(yàn)的服務(wù)。

　　微信小程序開(kāi)發(fā)框架源碼的核心是一個(gè)響應(yīng)的數(shù)據(jù)綁定系統(tǒng)。整個(gè)系統(tǒng)分為兩塊視圖層（View）和邏輯層（App Service）

　　微信小程序開(kāi)發(fā)框架可以讓數(shù)據(jù)與視圖非常簡(jiǎn)單地保持同步。當(dāng)做數(shù)據(jù)修改的時(shí)候，只需要在邏輯層修改數(shù)據(jù)，視圖層就會(huì)做相應(yīng)的更新。

　　微信小程序開(kāi)發(fā)框架 管理了整個(gè)小程序的頁(yè)面路由，可以做到頁(yè)面間的無(wú)縫切換，并給以頁(yè)面完整的生命周期。開(kāi)發(fā)者需要做的只是將頁(yè)面的數(shù)據(jù)，方法，生命周期函數(shù)注冊(cè)進(jìn) 框架 中，其他的一切復(fù)雜的操作都交由 框架 處理。

　　微信小程序開(kāi)發(fā)框架 提供了一套基礎(chǔ)的組件，這些組件自帶微信風(fēng)格的樣式以及特殊的邏輯，開(kāi)發(fā)者可以通過(guò)組合基礎(chǔ)組件，創(chuàng)建出強(qiáng)大的微信小程序 。

　　微信小程序開(kāi)發(fā)框架 提供豐富的微信原生 API，可以方便的調(diào)起微信提供的能力，如獲取用戶(hù)信息，本地存儲(chǔ)，支付功能等。

　　開(kāi)發(fā)具體流程如下：

　　1. 獲取微信小程序的 AppID

　　登錄微信公眾平臺(tái)，就可以在網(wǎng)站的“設(shè)置”-“開(kāi)發(fā)者設(shè)置”中，查看到微信小程序的 AppID 了，注意不可直接使用服務(wù)號(hào)或訂閱號(hào)的 AppID 。

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

　　我們需要通過(guò)開(kāi)發(fā)者工具【大神牛】，來(lái)完成小程序創(chuàng)建和代碼編輯。

　　開(kāi)發(fā)者工具安裝完成后，打開(kāi)并使用微信掃碼登錄。選擇創(chuàng)建“項(xiàng)目”，填入上文獲取到的 AppID ，設(shè)置一個(gè)本地項(xiàng)目的名稱(chēng)（非小程序名稱(chēng)），比如“我的第一個(gè)項(xiàng)目”，并選擇一個(gè)本地的文件夾作為代碼存儲(chǔ)的目錄，點(diǎn)擊“新建項(xiàng)目”就可以了。

　　為方便初學(xué)者了解微信小程序的基本代碼結(jié)構(gòu)，在創(chuàng)建過(guò)程中，如果選擇的本地文件夾是個(gè)空文件夾，開(kāi)發(fā)者工具會(huì)提示，是否需要?jiǎng)?chuàng)建一個(gè) quick start 項(xiàng)目。選擇“是”，開(kāi)發(fā)者工具會(huì)幫助我們?cè)陂_(kāi)發(fā)目錄里生成一個(gè)簡(jiǎn)單的 demo。

　　3. 編寫(xiě)源代碼

　　創(chuàng)建小程序?qū)嵗?/p>

　　點(diǎn)擊開(kāi)發(fā)者工具左側(cè)導(dǎo)航的“編輯”，我們可以看到這個(gè)項(xiàng)目，已經(jīng)初始化并包含了一些簡(jiǎn)單的代碼文件。最關(guān)鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個(gè)。其中，.js后綴的是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件。微信小程序會(huì)讀取這些文件，并生成小程序?qū)嵗?/p>

　　下面我們簡(jiǎn)單了解這三個(gè)文件的功能，方便修改以及從頭開(kāi)發(fā)自己的微信小程序。

　　app.js是小程序的腳本代碼。我們可以在這個(gè)文件中監(jiān)聽(tīng)并處理小程序的生命周期函數(shù)、聲明全局變量。調(diào)用框架提供的豐富的 API，如本例的同步存儲(chǔ)及同步讀取本地?cái)?shù)據(jù)。想了解更多可用 API，可參考 API 文檔

　　創(chuàng)建頁(yè)面

　　在這個(gè)教程里，我們有兩個(gè)頁(yè)面，index 頁(yè)面和 logs 頁(yè)面，即歡迎頁(yè)和小程序啟動(dòng)日志的展示頁(yè)，他們都在 pages 目錄下。微信小程序中的每一個(gè)頁(yè)面的【路徑+頁(yè)面名】都需要寫(xiě)在 app.json 的 pages 中，且 pages 中的第一個(gè)頁(yè)面是小程序的首頁(yè)。

　　每一個(gè)小程序頁(yè)面是由同路徑下同名的四個(gè)不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json。.js后綴的文件是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件，.wxml后綴的文件是頁(yè)面結(jié)構(gòu)文件。

　　大神牛專(zhuān)注開(kāi)發(fā)微信小程序，高質(zhì)量的服務(wù)。

　　www.dashenniu.com