微信小程序申請

時(shí)間：2022-08-01 17:27:23 BBS論壇我要投稿

相關(guān)推薦

微信小程序申請

　　微信小程序上線了，那么應(yīng)該怎么申請呢?以下是中國人才小編給大家整理提供的相關(guān)內(nèi)容，快來隨小編看看吧。

　　微信小程序怎么申請使用?開發(fā)及調(diào)試編譯程序運(yùn)行方法(實(shí)例)

　　等來近一年，微信小程序終于正式發(fā)布了，對于開發(fā)者朋友來說，今后都可以申請創(chuàng)建自己的小程序。那么微信小程序怎么申請?下面小編詳細(xì)分享下從零開始做一個(gè)微信小程序的實(shí)戰(zhàn)開發(fā)教程，希望操作步驟，對初期開發(fā)者會有所幫助

　　微信小程序申請前的準(zhǔn)備：

　　首先，你需要注冊一個(gè)小程序賬號。需要用一個(gè)沒注冊過公眾號的郵箱注冊。注冊過程中需要很多認(rèn)證，比較繁瑣。如果暫時(shí)只是試水、沒有發(fā)布的打算，那么只要完成基本信息填寫就可以，不需要完成微信認(rèn)證。

　　之后，就可以在公眾平臺使用注冊的帳戶進(jìn)行登錄。

　　然后，在主頁面左邊列表中點(diǎn)擊設(shè)置，再設(shè)置頁面中選開發(fā)設(shè)置，就可以看到AppID。而AppID 可以用于在開發(fā)工具中進(jìn)行登記，使用開發(fā)工具的高級功能。你可以到官網(wǎng)下載開發(fā)工具。

　　開始項(xiàng)目：

　　打開開發(fā)者工具，選擇小程序選項(xiàng)，然后直接點(diǎn)擊「添加項(xiàng)目」按鈕。我們可以在這個(gè)步驟，填入剛才注冊的時(shí)候使用的AppID。

　　如果項(xiàng)目目錄中的文件是個(gè)空文件夾，會提示是否創(chuàng)建 quick start 項(xiàng)目。

　　選擇「是」，開發(fā)者工具會幫助我們在開發(fā)目錄里生成一個(gè)簡單的 Demo。

　　這個(gè) Demo 擁有一個(gè)完整的小程序的大概框架。

　　1. 框架

　　我們首先看一下官方提供的 Demo 含有的目錄：

　　app.js：小程序邏輯、生命周期、全局變量。

　　app.json：小程序公共設(shè)置、導(dǎo)航欄顏色等，不可以注釋。

　　app.wxss：小程序公共樣式，類似 CSS 。

　　小程序頁面構(gòu)成類似這樣：

　　每一個(gè)小程序頁面是由同路徑下同名的四個(gè)不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json

　　微信小程序中的每一個(gè)頁面的路徑和頁面文件名，都需要寫在app.json的pages中，且pages數(shù)組中的第一個(gè)頁面是小程序的首頁。

　　這四個(gè)文件按照功能可以分成三個(gè)部分：

　　配置：json文件

　　邏輯層：js文件

　　視圖層：wxss.wxml文件

　　在 iOS 上，小程序的邏輯代碼運(yùn)行于JavaScriptCore 中，而在Android上，這個(gè)任務(wù)則是交給 X5 內(nèi)核來完成。

　　在開發(fā)工具上，小程序的JavaScript代碼是運(yùn)行在 NW.js(Chrome內(nèi)核) 中。這也導(dǎo)致開發(fā)工具上的效果跟實(shí)際效果有所出入。

　　2. 組件

　　微信提供了許多組件，主要分為八種:

　　這其中，包含了view、scroll-view、button、form等普通常用的組件，也提供了地圖mapcanvas

　　組件主要屬于視圖層，通過 WXML 來進(jìn)行結(jié)構(gòu)布局，類似于HTML。樣式則通過 WXSS 來定義和修改，它的語法和使用都近似 CSS。

　　組件使用語法實(shí)例：

　　3. API

　　網(wǎng)絡(luò)

　　媒體

　　數(shù)據(jù)

　　位置

　　設(shè)備

　　界面

　　開發(fā)接口

　　網(wǎng)絡(luò)請求接口包含了普通的 HTTPS 請求，支持上傳、下載、Socket，基本上滿足了我們開發(fā)中所需要的網(wǎng)絡(luò)需求。

　　這些 API 屬于邏輯層，寫在 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)試

　　我們可以在微信提供的開發(fā)者工具中，使用模擬器查看小程序運(yùn)行的效果。

　　之前我們提過，小程序的運(yùn)行底層不同，這也導(dǎo)致在模擬器上的效果，會與在手機(jī)上運(yùn)行有些差異。

　　2. 真機(jī)調(diào)試

　　在左邊的選項(xiàng)欄中，選擇項(xiàng)目，然后點(diǎn)預(yù)覽會生產(chǎn)一個(gè)二維碼，用管理員微信號掃一掃，就可以在真機(jī)上看實(shí)際效果。

　　實(shí)戰(zhàn)：跑步小程序

　　真機(jī)運(yùn)行截圖(運(yùn)行于iPhone7，微信版本：6.3.30)：

　　首先實(shí)現(xiàn)一個(gè)計(jì)時(shí)器進(jìn)行計(jì)時(shí)，通過wx.getLocation獲取坐標(biāo)，把獲取到的坐標(biāo)存在一個(gè)數(shù)組中，通過坐標(biāo)每隔一段時(shí)間獲取里程，進(jìn)行累加得到總里程，同時(shí)也通過坐標(biāo)點(diǎn)進(jìn)行連線。存在的問題：

　　因?yàn)槟壳罢也坏皆诘貓D上畫連線的方法，所以采用了在地圖上貼小紅點(diǎn)圖的方法顯示大概跑步路徑，路徑比較粗糙;

　　雖然采用了 API 里面的火星坐標(biāo) GCJ02 類型，但是獲取的坐標(biāo)跟國際坐標(biāo)差不多，依然存在著偏差。

　　我已經(jīng)把全部代碼放在GitHub上，大家可以下載來看看或者先 Star 起來，我以后還會進(jìn)行一些優(yōu)化更新�，F(xiàn)在只是一個(gè)學(xué)習(xí) Demo，大家溝通學(xué)習(xí)，實(shí)際應(yīng)用還需更多優(yōu)化。

　　附：關(guān)于小程序的問題解答

　　Q：小程序是什么?它有著什么樣的功能?

　　A：小程序是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應(yīng)用。也體現(xiàn)了“用完即走”的理念，用戶不用關(guān)心是否安裝太多應(yīng)用的問題。應(yīng)用將無處不在，隨時(shí)可用，但又無需安裝卸載。

　　Q：我是一個(gè)開發(fā)者，沒有收到小程序的測試邀請，有什么渠道可以申請注冊小程序?

　　A：小程序仍然處于內(nèi)測階段。全面開放申請后，主體類型為個(gè)人、企業(yè)、政府、媒體或其他組織的開發(fā)者，均可申請注冊小程序。

　　Q：現(xiàn)在已經(jīng)有部分帳號收到小程序的內(nèi)測邀請了，接下來是否會繼續(xù)開放內(nèi)測邀請?

　　A：關(guān)于小程序的上線節(jié)奏：本次內(nèi)測采用邀請制，其內(nèi)容客戶端暫時(shí)對用戶不可見。之后小程序會全面開放申請，所有小程序?qū)⒃诮y(tǒng)一時(shí)間向用戶開放。

　　Q：小程序可以和現(xiàn)有的App 打通嗎?

　　A：小程序可以借助微信聯(lián)合登錄，和開發(fā)者已有的App 后臺的用戶數(shù)據(jù)進(jìn)行打通，但不會支持小程序和App 直接的跳轉(zhuǎn)。

　　Q：微信已經(jīng)有了訂閱號、服務(wù)號、企業(yè)號，小程序和這三者有什么不同?

　　A：小程序、訂閱號、服務(wù)號、企業(yè)號是并行的體系。

　　Q：外界有說法稱，小程序的推出意味著微信要做一個(gè)應(yīng)用分發(fā)市場，是這樣嗎?

　　A：微信推出小程序，并非想要做應(yīng)用分發(fā)市場，而是給一些優(yōu)質(zhì)服務(wù)提供一個(gè)開放的平臺。

【微信小程序申請】相關(guān)文章：

摩拜單車怎么使用微信小程序08-05