首先,你需要注冊(cè)一個(gè)小程序賬號(hào)。需要用一個(gè)沒(méi)注冊(cè)過(guò)公眾號(hào)的郵箱注冊(cè)。注冊(cè)過(guò)程中需要很多認(rèn)證,比較繁瑣。如果暫時(shí)只是試水、沒(méi)有發(fā)布的打算,那么只要完成基本信息填寫(xiě)就可以,不需要完成微信認(rèn)證。之后,就可以在公眾平臺(tái)使用注冊(cè)的帳戶(hù)進(jìn)行登錄。
然后,在主頁(yè)面左邊列表中點(diǎn)擊設(shè)置,再設(shè)置頁(yè)面中選開(kāi)發(fā)設(shè)置,就可以看到AppID。而AppID可以用于在開(kāi)發(fā)工具中進(jìn)行登記,使用開(kāi)發(fā)工具的功能。你可以到官網(wǎng)下載開(kāi)發(fā)工具。
一、微信小程序開(kāi)發(fā)項(xiàng)目打開(kāi)開(kāi)發(fā)者工具,選擇小程序選項(xiàng),然后直接點(diǎn)擊「添加項(xiàng)目」按鈕。我們可以在這個(gè)步驟,填入剛才注冊(cè)的時(shí)候使用的AppID。
如果項(xiàng)目目錄中的文件是個(gè)空文件夾,會(huì)提示是否創(chuàng)建quickstart項(xiàng)目。選擇「是」,開(kāi)發(fā)者工具會(huì)幫助我們?cè)陂_(kāi)發(fā)目錄里生成一個(gè)簡(jiǎn)單的Demo。這個(gè)Demo擁有一個(gè)完整的小程序的大概框架。
1.框架
我們首先看一下官方提供的Demo含有的目錄:app.js:小程序邏輯、生命周期、全局變量。
app.json:小程序公共設(shè)置、導(dǎo)航欄顏色等,不可以注釋。app.wxss:小程序公共樣式,類(lèi)似CSS。
小程序頁(yè)面構(gòu)成類(lèi)似這樣:
每一個(gè)小程序頁(yè)面是由同路徑下同名的四個(gè)不同后綴文件的組成,如:index.js、index.wxml、index.wxss、index.json
微信小程序中的每一個(gè)頁(yè)面的路徑和頁(yè)面文件名,都需要寫(xiě)在app.json的pages中,且pages數(shù)組中的個(gè)頁(yè)面是小程序的首頁(yè)。這四個(gè)文件按照功能可以分成三個(gè)部分:配置:json文件邏輯層:js文件,視圖層:wxss.wxml文件
在iOS上,小程序的邏輯代碼運(yùn)行于JavaScriptCore中,而在A(yíng)ndroid上,這個(gè)任務(wù)則是交給X5內(nèi)核來(lái)完成。
在開(kāi)發(fā)工具上,小程序的JavaScript代碼是運(yùn)行在NW.js(Chrome內(nèi)核)中。這也導(dǎo)致開(kāi)發(fā)工具上的效果跟實(shí)際效果有所出入。
2.組件
微信提供了許多組件,主要分為八種:
這其中,包含了view、scroll-view、button、form等普通常用的組件,也提供了地圖mapcanvas
組件主要屬于視圖層,通過(guò)WXML來(lái)進(jìn)行結(jié)構(gòu)布局,類(lèi)似于HTML。樣式則通過(guò)WXSS來(lái)定義和修改,它的語(yǔ)法和使用都近似CSS。
3.API
網(wǎng)絡(luò),媒體,數(shù)據(jù),位置,設(shè)備,界面,開(kāi)發(fā)接口。網(wǎng)絡(luò)請(qǐng)求接口包含了普通的HTTPS請(qǐng)求,支持上傳、下載、Socket,基本上滿(mǎn)足了我們開(kāi)發(fā)中所需要的網(wǎng)絡(luò)需求。這些API屬于邏輯層,寫(xiě)在JS邏輯文件中。
二、編譯運(yùn)行小程序
1.模擬器調(diào)試
我們可以在微信提供的開(kāi)發(fā)者工具中,使用模擬器查看小程序運(yùn)行的效果。之前我們提過(guò),小程序的運(yùn)行底層不同,這也導(dǎo)致在模擬器上的效果,會(huì)與在手機(jī)上運(yùn)行有些差異。
2.真機(jī)調(diào)試
在左邊的選項(xiàng)欄中,選擇項(xiàng)目,然后點(diǎn)預(yù)覽會(huì)生產(chǎn)一個(gè)二維碼,用管理員微信號(hào)掃一掃,就可以在真機(jī)上看實(shí)際效果。
分享名稱(chēng):微信小程序開(kāi)發(fā)教程
網(wǎng)站網(wǎng)址:http://m.rwnh.cn/news/89637.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有小程序開(kāi)發(fā)、微信小程序等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)