芒果视频下载

網(wang)站分類(lei)
登錄 |    

微信小程序如何開發 小程序開發教程

本文章由注冊用戶 互聯網說 上傳提供 評論 發布 反饋 0
摘要:微信小程序的發展可謂異常火爆,同時微信小程序團隊也在暗暗發力,不斷地迭代升級新功能。小程序是一種新的開放能力,開發者可以快速地開發一個小程序。小程序可以在微信內被便捷地獲取和傳播,同時具有出色的使用體驗。下面就來介紹一下微信小程序開發教程。

一、小程序開發教程

1、注冊微信小程序賬號

2、獲取APPID

APPID在哪里獲取呢,根據第一步注冊的小程序帳(zhang)號,然后登陸(lu)上,找到(dao)左側“設置”,“開(kai)發設置”,就(jiu)看(kan)到(dao)APPID啦,把APPID復制下來(lai),留作備用。

3、綁定開發者

如果在第一步注冊(ce)小程(cheng)序(xu)帳號的時(shi)候,你不是管(guan)理員(yuan),那么(me)這個時(shi)候,還需要綁定個開(kai)發者,直接登錄小程(cheng)序(xu)后臺(tai),點左側“用戶(hu)身份(fen)”-點右(you)側“編輯(ji)”添(tian)加(jia)成員(yuan),出現個二(er)維碼,管(guan)理員(yuan)掃描(miao)二(er)維碼后,然(ran)后輸入開(kai)發者微信(xin)號,勾(gou)選權限,確定,就可以了。

該圖片由注冊用戶"互聯網說"提供,版權聲明反饋

4、下載微信小程序開發者工具

直(zhi)接在微信小程序官方下(xia)載(zai)即(ji)可(ke),根據不(bu)同的電(dian)腦系統(tong)下(xia)載(zai)對應的版(ban)本,安裝(zhuang)即(ji)可(ke)。

5、創建微信小程序項目

打(da)開步驟(zou)4中安裝好(hao)的(de)小程序(xu)開發工具(ju),然(ran)后用開發者(zhe)(或者(zhe)管理員(yuan))掃碼登(deng)錄(lu),選擇創建“新項(xiang)目(mu)(mu)”,填入步驟(zou)2獲取到的(de)AppID,設置一個(ge)本地(di)項(xiang)目(mu)(mu)的(de)名稱,并選擇一個(ge)本地(di)的(de)文件(jian)夾(jia)作為代碼存儲的(de)目(mu)(mu)錄(lu),點擊「新建項(xiang)目(mu)(mu)」就可以了。

6、編寫微信小程序代碼

編(bian)寫代碼對新手(shou)來說有點(dian)難度(du),不過我們可(ke)以從微信(xin)小程序(xu)官方(fang)上直接下載(zai)(zai)代碼實(shi)例,下載(zai)(zai)后(hou)(hou),直接解壓到步(bu)驟5代碼存儲目錄(lu)內即可(ke)。這(zhe)時我們會發現,有三個(ge)后(hou)(hou)綴的文(wen)(wen)件,分別為(wei)app.js、app.json、app.wxss。其中,.js后(hou)(hou)綴的是腳本文(wen)(wen)件,.json后(hou)(hou)綴的文(wen)(wen)件是配(pei)置文(wen)(wen)件,.wxss后(hou)(hou)綴的是樣式表文(wen)(wen)件。

app.js是小程序(xu)(xu)的(de)(de)(de)腳本代碼。我們可以在(zai)這(zhe)個文(wen)件中監(jian)聽(ting)并處理小程序(xu)(xu)的(de)(de)(de)生命周(zhou)期函數(shu)、聲明(ming)全局(ju)變量。調用MINA提供的(de)(de)(de)豐(feng)富(fu)的(de)(de)(de)API,如本例的(de)(de)(de)同步存儲及(ji)同步讀取本地(di)數(shu)據。

app.json是(shi)對整個(ge)小(xiao)(xiao)程序的(de)全局配(pei)置(zhi)。我(wo)們可以(yi)在(zai)這個(ge)文件中配(pei)置(zhi)小(xiao)(xiao)程序是(shi)由哪些(xie)頁面組成,配(pei)置(zhi)小(xiao)(xiao)程序的(de)窗口背景(jing)色,配(pei)置(zhi)導航條樣(yang)式,配(pei)置(zhi)默認標題(ti)。注(zhu)意該(gai)文件不可添加任何注(zhu)釋。

app.wxss是整個小程序(xu)的(de)公(gong)共樣(yang)(yang)式(shi)表。我們(men)可以在頁面組(zu)件的(de)class屬性上直接使app.wxss中聲明的(de)樣(yang)(yang)式(shi)規則。

7、創建微信小程序頁面

微信小程序中(zhong)的(de)每一個(ge)頁面的(de)【路徑+頁面名】都需要寫(xie)在app.json的(de)pages中(zhong),且pages中(zhong)的(de)第一個(ge)頁面是小程序的(de)芒果视(shi)频下载(zai)。

每一(yi)個小程序頁面是(shi)(shi)由同(tong)路徑下(xia)同(tong)名的(de)(de)四個不同(tong)后(hou)(hou)(hou)綴(zhui)文(wen)(wen)件(jian)的(de)(de)組成,如:index.js、index.wxml、index.wxss、index.json。.js后(hou)(hou)(hou)綴(zhui)的(de)(de)文(wen)(wen)件(jian)是(shi)(shi)腳本文(wen)(wen)件(jian),.json后(hou)(hou)(hou)綴(zhui)的(de)(de)文(wen)(wen)件(jian)是(shi)(shi)配(pei)置文(wen)(wen)件(jian),.wxss后(hou)(hou)(hou)綴(zhui)的(de)(de)是(shi)(shi)樣式表文(wen)(wen)件(jian),.wxml后(hou)(hou)(hou)綴(zhui)的(de)(de)文(wen)(wen)件(jian)是(shi)(shi)頁面結(jie)構文(wen)(wen)件(jian)。

8、手機預覽

開發者(zhe)工具左(zuo)側菜單欄選擇"項目",點(dian)擊"預覽",掃碼后即可在(zai)微信(xin)客戶端中體(ti)驗。

9、上傳小程序代碼

開發者工(gong)具(ju)左側菜單欄選擇"項目",點擊"上(shang)傳"即可將代碼上(shang)傳到(dao)微信小(xiao)程序服(fu)務器。

10、提交微信審核及小程序發布

步驟9上(shang)傳好(hao)小程(cheng)序代碼后,提交微信進(jin)(jin)行審核(he)(he)。審核(he)(he)現在(zai)(zai)也很快(kuai),一(yi)把幾個小時就審核(he)(he)過了(le),慢的話估計2-5天吧,等審核(he)(he)通過后,就可以在(zai)(zai)小程(cheng)序后臺,進(jin)(jin)行發布(bu)上(shang)線了(le)。

二、小程序設計指南

1、友好禮貌

為了避免用戶在微信中使(shi)用(yong)(yong)小程(cheng)序(xu)服(fu)(fu)務時,注意力被周(zhou)圍復(fu)雜(za)環境干擾,小程(cheng)序(xu)在設計時應該注意減(jian)少無關的設計元素對用(yong)(yong)戶目標(biao)的干擾,禮(li)貌(mao)地向(xiang)用(yong)(yong)戶展示程(cheng)序(xu)提供(gong)的服(fu)(fu)務,友好地引導用(yong)(yong)戶進行(xing)操作。

每個頁面都應(ying)有明確(que)的(de)重點,以便(bian)于用(yong)戶每進入一個新頁面的(de)時(shi)候(hou)都能快速(su)地理解頁面內容(rong)。在確(que)定(ding)了重點的(de)前(qian)提下,應(ying)盡量(liang)避免頁面上出(chu)現其它(ta)與用(yong)戶的(de)決策(ce)和操作無關的(de)干擾因素。

2、流程明確

為(wei)了(le)讓用(yong)(yong)(yong)戶(hu)順(shun)暢地使用(yong)(yong)(yong)頁面(mian),在用(yong)(yong)(yong)戶(hu)進(jin)行某一個操作流(liu)程(cheng)時,應避免出現用(yong)(yong)(yong)戶(hu)目(mu)標(biao)流(liu)程(cheng)之(zhi)外的內容而打斷用(yong)(yong)(yong)戶(hu)。

3、便捷優雅

從(cong)PC時代(dai)的(de)物理鍵(jian)盤(pan)鼠標到移動(dong)端時代(dai)手指,雖然輸(shu)入設(she)備極(ji)大(da)精(jing)簡,但是手指操(cao)作的(de)準確(que)性卻大(da)大(da)不如(ru)鍵(jian)盤(pan)鼠標精(jing)確(que)。為了適應這個變化,需要(yao)開發者在設(she)計過程(cheng)中充(chong)分利用手機特(te)性,讓用戶(hu)便捷優雅的(de)操(cao)控(kong)界面。

4、統一穩定

除了(le)以上所提到的(de)種(zhong)種(zhong)原則,建議接入微信的(de)小程(cheng)序還應(ying)該時刻(ke)注意不同頁面間的(de)統(tong)一(yi)性和(he)延(yan)續性,在不同的(de)頁面盡量(liang)使(shi)用(yong)一(yi)致的(de)控件和(he)交互方式。

統(tong)一(yi)的(de)頁面體驗和有(you)延(yan)續性的(de)界面元(yuan)素(su)都將幫助用最少的(de)學(xue)習成本達成使用目標,減輕頁面跳動所造成的(de)不適(shi)感。正因如此(ci),小程(cheng)序可根據需要使用微信提供的(de)標準控件,以達到統(tong)一(yi)穩定的(de)目的(de)。

5、字體

微信(xin)內(nei)(nei)字體的使用與(yu)所運行(xing)的系統字體保持一致,常用字號為(wei)20,18,17,16,14 13,11(pt),主(zhu)(zhu)內(nei)(nei)容(rong)(rong)Black黑色(se),次要內(nei)(nei)容(rong)(rong)Grey灰(hui)色(se);時間戳(chuo)與(yu)表單(dan)缺省(sheng)值Light灰(hui)色(se);大段的說明內(nei)(nei)容(rong)(rong)而且屬于主(zhu)(zhu)要內(nei)(nei)容(rong)(rong)用Semi黑。藍(lan)色(se)為(wei)鏈接用色(se),綠色(se)為(wei)完成字樣色(se),紅色(se)為(wei)出錯用色(se)Press與(yu)Disable狀態分別降低透明度為(wei)20%與(yu)10%。

網站提醒和聲明
本(ben)站(zhan)為注冊(ce)用(yong)戶(hu)提供(gong)信(xin)息存儲空間服務,非“MAIGOO編輯上傳提供(gong)”的文(wen)章/文(wen)字均是注冊(ce)用(yong)戶(hu)自主發布上傳,不代(dai)表(biao)本(ben)站(zhan)觀點,更不表(biao)示本(ben)站(zhan)支持購買和(he)交易,本(ben)站(zhan)對網頁(ye)中(zhong)內容的合法性(xing)、準(zhun)確性(xing)、真實性(xing)、適用(yong)性(xing)、安全性(xing)等概(gai)不負責。版權(quan)歸(gui)原作者所有(you),如有(you)侵權(quan)、虛假信(xin)息、錯誤信(xin)息或任(ren)何(he)問題,請及時聯系(xi)我(wo)們,我(wo)們將在第一時間刪除或更正(zheng)。 申請刪除>> 糾錯>> 投訴侵權>>
提交(jiao)說明: 快速提交發布>> 查看提交幫助>> 注冊登錄>>
發表評論
您還未登錄,依《網絡安全法》相關要求,請您登錄賬戶后再提交發布信息。點擊登錄>>如您還未注冊,可,感謝您的理解及支持!
最新評論
暫無評論
頁面相關分類
熱門模塊
已有3844959個品牌入駐 更新518157個招商信息 已發布1580814個代理需求 已有1330914條品牌點贊