了解小程序
1.什么是小程序
小程序 是一種新的開放能力,開發(fā)者可以快速地開發(fā)一個小程序涮俄。小程序可以在微信內(nèi)被便捷地獲取和傳播呢灶,同時具有出色的使用體驗判呕。
2016年9月21日發(fā)布的小程序內(nèi)測版猾蒂。2017年1月9日正式上線幌羞。小程序基礎(chǔ)庫更新日志
2.小程序開發(fā)工具
創(chuàng)建工程時需要AppID悠夯,所以我們需要先注冊賬號癌淮。
2-1.接入流程
小程序注冊 --- 在微信公眾平臺注冊小程序,完成注冊后可以同步進行信息完善和開發(fā)沦补。
小程序信息完善 --- 填寫小程序基本信息乳蓄,包括名稱、頭像夕膀、介紹及服務(wù)范圍等虚倒。
開發(fā)小程序 --- 完成小程序開發(fā)者綁定、開發(fā)信息配置后产舞,開發(fā)者可下載開發(fā)者工具魂奥、參考開發(fā)文檔進行小程序的開發(fā)和調(diào)試。
提交審核和發(fā)布 --- 完成小程序開發(fā)后易猫,提交代碼至微信團隊審核耻煤,審核通過后即可發(fā)布(公測期間不能發(fā)布)。
2-2.AppID
AppID --- 開發(fā) --》開發(fā)設(shè)置
添加項目成員 --- 管理 --》 成員管理
2-3.介紹開發(fā)工具
3.小程序結(jié)構(gòu)
小程序開發(fā)工具目前提供了 5 種文件的編輯:wxml
准颓、wxss
哈蝇、js
、json
攘已、wxs
以及圖片文件的預(yù)覽炮赦。
3-1.新建頁面代碼
文件操作 ,有兩種方式:
在目錄樹上右鍵贯被,選擇新建 Page眼五,將自動生成頁面所需要的
wxml
妆艘、wxss
、js
看幼、json
批旺。在 app.json 的 pages 字段,添加需要新建的頁面的路徑诵姜,將會自動生成該頁面所需要的文件汽煮。
3-2.配置
JSON文件都是被包裹在一個大括號中 {},通過key-value的方式來表達數(shù)據(jù)棚唆。JSON的Key必須包裹在一個雙引號中暇赤。
注意:json文件中,不能寫注釋宵凌。
-
project.config.json --- 項目配置文件鞋囊。
通常大家在使用一個工具的時候,都會針對各自喜好做一些個性化配置瞎惫,例如界面顏色溜腐、編譯配置等等,當你換了另外一臺電腦重新安裝工具的時候瓜喇,你還要重新配置挺益。
考慮到這點,小程序開發(fā)者工具在每個項目的根目錄都會生成一個
project.config.json
乘寒,你在工具上做的任何配置都會寫入到這個文件望众,當你重新安裝工具或者換電腦工作時,你只要載入同一個項目的代碼包伞辛,開發(fā)者工具就自動會幫你恢復(fù)到當時你開發(fā)項目時的個性化配置烂翰,其中會包括編輯器的顏色、代碼上傳時自動壓縮等等一系列選項始锚。
sitemap配置 --- 小程序內(nèi)搜索刽酱,當開發(fā)者允許微信索引時,微信會通過爬蟲的形式瞧捌,為小程序的頁面內(nèi)容建立索引。
app.json --- 全局配置润文。
頁面配置 --- 每一個小程序頁面的配置姐呐,只能配置window屬性。
3-3.WXML
WXML(WeiXin Markup Language)是框架設(shè)計的一套標簽語言典蝌。類似安卓布局文件曙砂。
3-4.WXSS
WXSS (WeiXin Style Sheets)是一套樣式語言,用于描述 WXML 的組件樣式骏掀。類似安卓 style鸠澈。
3-5.JS
相當于安卓中java柱告,執(zhí)行生命周期函數(shù)以及處理邏輯。
3-6.wxs
WXS(WeiXin Script)是小程序的一套腳本語言笑陈,結(jié)合 WXML
际度,可以構(gòu)建出頁面的結(jié)構(gòu)。
4.最簡小程序
// app.json
{
"pages": [
"home"
]
}
<!--home.wxml-->
<view>Hello World</view>
// home.js
Page({
})