|
為方便開發(fā)者開發(fā)微信小程序，大神牛制定了微信小程序首款開發(fā)源碼，供開發(fā)者參考。 小程序開發(fā)框架的目標是通過盡可能簡單、高效的方式讓開發(fā)者可以在微信中開發(fā)具有原生應用體驗的服務(wù)。 微信小程序開發(fā)的核心是一個響應的數(shù)據(jù)綁定系統(tǒng)。整個系統(tǒng)分為兩塊視圖層（View）和邏輯層（App Service） 微信小程序開發(fā)可以讓數(shù)據(jù)與視圖非常簡單地保持同步。當做數(shù)據(jù)修改的時候，只需要在邏輯層修改數(shù)據(jù)，視圖層就會做相應的更新。 微信小程序開發(fā) 管理了整個小程序的頁面路由，可以做到頁面間的無縫切換，并給以頁面完整的生命周期。開發(fā)者需要做的只是將頁面的數(shù)據(jù)，方法，生命周期函數(shù)注冊進 框架 中，其他的一切復雜的操作都交由 框架 處理。 微信小程序開發(fā) 提供了一套基礎(chǔ)的組件，這些組件自帶微信風格的樣式以及特殊的邏輯，開發(fā)者可以通過組合基礎(chǔ)組件，創(chuàng)建出強大的微信小程序 。 微信小程序開發(fā) 提供豐富的微信原生 API，可以方便的調(diào)起微信提供的能力，如獲取用戶信息，本地存儲，支付功能等。 為了避免用戶在微信中使用小程序服務(wù)時，注意力被周圍復雜環(huán)境干擾，小程序在設(shè)計時應該注意減少無關(guān)的設(shè)計元素對用戶目標的干擾，禮貌地向用戶展示程序提供的服務(wù)，友好地引導用戶進行操作。 每個頁面都應有明確的重點，以便于用戶每進入一個新頁面的時候都能快速地理解頁面內(nèi)容。在確定了重點的前提下，應盡量避免頁面上出現(xiàn)其它與用戶的決策和操作無關(guān)的干擾因素。 此頁面的主題是查詢，卻添加了諸多與查詢不相關(guān)的業(yè)務(wù)入口，與用戶的目標無關(guān)，易造成用戶的迷失。 去掉任何與用戶目標不相關(guān)的內(nèi)容，明確頁面主題，在技術(shù)和頁面控件允許的前提下提供有助于用戶決策和操作的幫助內(nèi)容。 開發(fā)具體流程如下： 1. 獲取微信小程序的 AppID 登錄微信公眾平臺，就可以在網(wǎng)站的“設(shè)置”-“開發(fā)者設(shè)置”中，查看到微信小程序的 AppID 了，注意不可直接使用服務(wù)號或訂閱號的 AppID 。 2. 創(chuàng)建項目 我們需要通過開發(fā)者工具【大神?！?，來完成小程序創(chuàng)建和代碼編輯。 開發(fā)者工具安裝完成后，打開并使用微信掃碼登錄。選擇創(chuàng)建“項目”，填入上文獲取到的 AppID ，設(shè)置一個本地項目的名稱（非小程序名稱），比如“我的第一個項目”，并選擇一個本地的文件夾作為代碼存儲的目錄，點擊“新建項目”就可以了。 為方便初學者了解微信小程序的基本代碼結(jié)構(gòu)，在創(chuàng)建過程中，如果選擇的本地文件夾是個空文件夾，開發(fā)者工具會提示，是否需要創(chuàng)建一個 quick start 項目。選擇“是”，開發(fā)者工具會幫助我們在開發(fā)目錄里生成一個簡單的 demo。 3. 編寫代碼 創(chuàng)建小程序?qū)嵗?br> 點擊開發(fā)者工具左側(cè)導航的“編輯”，我們可以看到這個項目，已經(jīng)初始化并包含了一些簡單的代碼文件。最關(guān)鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個。其中，.js后綴的是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件。微信小程序會讀取這些文件，并生成小程序?qū)嵗?br> 下面我們簡單了解這三個文件的功能，方便修改以及從頭開發(fā)自己的微信小程序。 app.js是小程序的腳本代碼。我們可以在這個文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。調(diào)用框架提供的豐富的 API，如本例的同步存儲及同步讀取本地數(shù)據(jù)。想了解更多可用 API，可參考 API 文檔 創(chuàng)建頁面 在這個教程里，我們有兩個頁面，index 頁面和 logs 頁面，即歡迎頁和小程序啟動日志的展示頁，他們都在 pages 目錄下。微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中，且 pages 中的第一個頁面是小程序的首頁。 每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json。.js后綴的文件是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件，.wxml后綴的文件是頁面結(jié)構(gòu)文件。 大神牛開發(fā)源碼下載地址 www. |
|
|
