- 相關(guān)推薦
微信小程序怎么申請(qǐng)使用（教程）
小程序是什么?怎么申請(qǐng)使用?下面是中國(guó)人才精心整理匯編的申請(qǐng)使用教程，快來(lái)看看吧。
小程序是什么?
小程序是一種無(wú)需下載安裝，通過(guò)線下掃碼、微信搜索、公眾號(hào)關(guān)聯(lián)、好友推薦、歷史記錄等即可在微信中使用。不同的小程序，能幫你實(shí)現(xiàn)不同的功能。例如，買(mǎi)電影票、餐廳排號(hào)、餐館點(diǎn)菜、查詢公交、查詢股票信息、查詢天氣、收聽(tīng)電臺(tái)、預(yù)定酒店、共享單車(chē)、打車(chē)、查匯率、查單詞、買(mǎi)機(jī)票、網(wǎng)購(gòu)…
小程序如何注冊(cè)申請(qǐng)?
通過(guò)https://mp.weixin.qq.com/進(jìn)入注冊(cè)頁(yè)面，點(diǎn)擊上方注冊(cè)
點(diǎn)擊選擇“小程序”出現(xiàn)注冊(cè)頁(yè)面
填寫(xiě)注冊(cè)小程序的郵箱，然后填寫(xiě)小程序登錄密碼，最后填寫(xiě)驗(yàn)證碼，點(diǎn)擊同意協(xié)議，注冊(cè)。
登錄郵箱，點(diǎn)擊鏈接，進(jìn)行驗(yàn)證。
進(jìn)入信息登記界面，進(jìn)行信息登記，分為“主體信息登記”和“管理員信息登記”。注意“主體信息提交后不可修改”。
選擇驗(yàn)證方式，直接選擇“對(duì)公賬號(hào)打款驗(yàn)證”，獲取打款信息，向這個(gè)賬號(hào)打指定金額(一般是幾分錢(qián))，打款完畢，等待微信官方審核結(jié)果(一般一天就可以回復(fù))。
最后登錄，就可以看到小程序后臺(tái)可以使用了。
微信小程序申請(qǐng)前的準(zhǔn)備：
首先，你需要注冊(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è)的帳戶進(jìn)行登錄。
然后，在主頁(yè)面左邊列表中點(diǎn)擊設(shè)置，再設(shè)置頁(yè)面中選開(kāi)發(fā)設(shè)置，就可以看到AppID。而AppID 可以用于在開(kāi)發(fā)工具中進(jìn)行登記，使用開(kāi)發(fā)工具的高級(jí)功能。你可以到官網(wǎng)下載開(kāi)發(fā)工具。
開(kāi)始項(xiàng)目：
打開(kāi)開(kāi)發(fā)者工具，選擇小程序選項(xiàng)，然后直接點(diǎn)擊「添加項(xiàng)目」按鈕。我們可以在這個(gè)步驟，填入剛才注冊(cè)的時(shí)候使用的 AppID。
如果項(xiàng)目目錄中的文件是個(gè)空文件夾，會(huì)提示是否創(chuàng)建 quick start 項(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：小程序公共樣式，類似 CSS 。
小程序頁(yè)面構(gòu)成類似這樣：
每一個(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 中，而在 Android上，這個(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)布局，類似于 HTML。樣式則通過(guò) WXSS 來(lái)定義和修改，它的語(yǔ)法和使用都近似 CSS。
組件使用語(yǔ)法實(shí)例：
<><>
3. API
網(wǎng)絡(luò)
媒體
數(shù)據(jù)
位置
設(shè)備
界面
開(kāi)發(fā)接口
網(wǎng)絡(luò)請(qǐng)求接口包含了普通的 HTTPS 請(qǐng)求，支持上傳、下載、Socket，基本上滿足了我們開(kāi)發(fā)中所需要的網(wǎng)絡(luò)需求。
這些 API 屬于邏輯層，寫(xiě)在 JS 邏輯文件中。
使用實(shí)例：
wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accuracy } })
可以到官方文檔 – API 查看其它 API 的使用方法。
編譯運(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í)際效果。
微信小程序怎么申請(qǐng) 從零開(kāi)始做一個(gè)微信小程序教程
實(shí)戰(zhàn)：跑步小程序
真機(jī)運(yùn)行截圖(運(yùn)行于 iPhone 7，微信版本：6.3.30)：
首先實(shí)現(xiàn)一個(gè)計(jì)時(shí)器進(jìn)行 計(jì)時(shí)，通過(guò)wx.getLocation獲取坐標(biāo)，把獲取到的坐標(biāo)存在一個(gè)數(shù)組中，通過(guò)坐標(biāo)每隔一段時(shí)間獲取里程，進(jìn)行累加得到總里程，同時(shí)也通過(guò)坐標(biāo)點(diǎn)進(jìn)行連線。存在的問(wèn)題：
因?yàn)槟壳罢也坏皆诘貓D上畫(huà)連線的方法，所以采用了在地圖上貼小紅點(diǎn)圖的方法顯示大概跑步路徑，路徑比較粗糙;
雖然采用了 API 里面的火星坐標(biāo) GCJ02 類型，但是獲取的坐標(biāo)跟國(guó)際坐標(biāo)差不多，依然存在著偏差。
我已經(jīng)把全部代碼放在 GitHub 上，大家可以下載來(lái)看看或者先 Star 起來(lái)，我以后還會(huì)進(jìn)行一些優(yōu)化更新�，F(xiàn)在只是一個(gè)學(xué)習(xí) Demo，大家溝通學(xué)習(xí)，實(shí)際應(yīng)用還需更多優(yōu)化。
關(guān)于小程序的推廣和傳播
依照目前來(lái)看，一定是“群”才是第一波小程序最好的傳播路徑，而不是張小龍說(shuō)的“二維碼”。
關(guān)于小程序的體驗(yàn)
多人親測(cè)，小編第一次打開(kāi)小程序除加載會(huì)偏慢，但之后確實(shí)會(huì)體驗(yàn)變得很好。感覺(jué)像像打開(kāi)一個(gè)單頁(yè)一樣，需要先確定授權(quán)，不同的小程序會(huì)獲取用戶不同的隱私授權(quán)(地理位置、用戶信息、相冊(cè)、通訊錄等)。
甚至，部分APP如大眾點(diǎn)評(píng)、拼多多等，小程序的響應(yīng)加載速度普遍已經(jīng)在原生APP之上。如果你的微信圈還沒(méi)有被小程序的到來(lái)霸屏，那么就要開(kāi)始懷疑人生了。
【微信小程序怎么申請(qǐng)使用教程】相關(guān)文章：
摩拜單車(chē)怎么使用微信小程序08-05
微信電腦版使用介紹08-12
系統(tǒng)程序使用許可合同03-24
醫(yī)�？ㄔ趺词褂�？08-06
微信營(yíng)銷方案怎么做？09-25
新年微信說(shuō)說(shuō)怎么發(fā)新年微信說(shuō)說(shuō)祝福11-15
經(jīng)典愛(ài)情唯美小浪漫QQ微信說(shuō)說(shuō)03-17
纏綿入骨的浪漫小情話微信簽名11-07