自微信小程序上線以來碴萧,使用人數(shù)成倍增加乙嘀,一不小心老板知道了,沒辦法自學(xué)成才破喻。從無到有一步一步走來虎谢,學(xué)會(huì)不少東西。不說了今天主要介紹一下開發(fā)需要什么曹质,需要怎么做什么婴噩。可以訪問:https://developers.weixin.qq.com/miniprogram/dev/index.html?t=18082114 ? 查看詳細(xì)開發(fā)文檔
1.賬號(hào)申請(qǐng):
? ??1.1點(diǎn)擊前往https://mp.weixin.qq.com/wxopen/waregister?action=step1?填寫資料完成注????冊(cè)(不同的賬號(hào)需要的東西不同咆繁,您可以根據(jù)需要選擇)
????1.2登錄?https://mp.weixin.qq.com? 登錄讳推,可以查看您的小程序的一些基本信息,以及完善您的小程序資料(appid玩般,服務(wù)器域名設(shè)置等)
? ? 1.3開發(fā)工具的下載安裝:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18082114银觅,點(diǎn)擊鏈接前往
2.初識(shí)小程序:
? ? 2.1代碼構(gòu)成:
????????????2.1.1 json配置:頁(yè)面基礎(chǔ)配置:背景,上方標(biāo)題欄顏色坏为,文字
? ? ? ? ? ? 2.1.2 wxml模板:類似與html究驴,界面開發(fā)
? ? ? ? ? ? 2.1.3wxss樣式:類似css,界面布局開發(fā)
? ? ? ? ? ? 2.1.4js邏輯交互:類似與js數(shù)據(jù)處理匀伏,與邏輯處理
????2.2全局app設(shè)置
? ? ? ? ? ? 2.2.1:app.js:全局變量設(shè)置或靜態(tài)量設(shè)置:如請(qǐng)求的后端地址等
? ? ? ? ? ? 2.2.2:app.json:?是當(dāng)前小程序的全局配置洒忧,包括了小程序的所有頁(yè)面路徑、界面表現(xiàn)够颠、網(wǎng)絡(luò)超時(shí)時(shí)間熙侍、底部 tab 等。
????????????2.2.3:app.wxss:是全局的主題布局
3.小程序的生命周期:
? ??????Page({
????????????? /**
????????????? * 頁(yè)面的初始數(shù)據(jù)
????????????? */
????????? data: {
? ????????? surl:'http://caiku.renaren.org/user/register.html'
????????? },
????????? /**
????????? * 生命周期函數(shù)--監(jiān)聽頁(yè)面加載
????? */
? ????onLoad: function (options) {????
????? },
????? /**
????? * 生命周期函數(shù)--監(jiān)聽頁(yè)面初次渲染完成
????? */
????? onReady: function () {
????? },
????? /**
????? * 生命周期函數(shù)--監(jiān)聽頁(yè)面顯示
????? */
????? onShow: function () {
????? },
????? /**
????? * 生命周期函數(shù)--監(jiān)聽頁(yè)面隱藏
????? */
? onHide: function () {
? },
? /**
? * 生命周期函數(shù)--監(jiān)聽頁(yè)面卸載
? */
????? onUnload: function () {
????? },
????? /**
????? * 頁(yè)面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動(dòng)作
????? */
????? onPullDownRefresh: function () {
????? },
????? /**
????? * 頁(yè)面上拉觸底事件的處理函數(shù)
????? */
????? onReachBottom: function () {
????? },
????? /**
????? * 用戶點(diǎn)擊右上角分享
????? */
????? onShareAppMessage: function () {
????? }
????})
4.組件
小程序提供了豐富的基礎(chǔ)組件給開發(fā)者履磨,開發(fā)者可以像搭積木一樣蛉抓,組合各種組件拼合成自己的小程序。
就像?HTML?的?div,?p?等標(biāo)簽一樣剃诅,在小程序里邊巷送,你只需要在?WXML?寫上對(duì)應(yīng)的組件標(biāo)簽名字就可以把該組件顯示
5.API
為了讓開發(fā)者可以很方便的調(diào)起微信提供的能力,例如獲取用戶信息矛辕、微信支付