微信小程序怎么申請使用教程

時間：2022-08-01 01:27:07 BBS論壇我要投稿

相關推薦

微信小程序怎么申請使用（教程）

　　小程序是什么?怎么申請使用?下面是中國人才精心整理匯編的申請使用教程，快來看看吧。

　　小程序是什么?

　　小程序是一種無需下載安裝，通過線下掃碼、微信搜索、公眾號關聯(lián)、好友推薦、歷史記錄等即可在微信中使用。不同的小程序，能幫你實現(xiàn)不同的功能。例如，買電影票、餐廳排號、餐館點菜、查詢公交、查詢股票信息、查詢天氣、收聽電臺、預定酒店、共享單車、打車、查匯率、查單詞、買機票、網(wǎng)購…

　　小程序如何注冊申請?

　　通過https://mp.weixin.qq.com/進入注冊頁面，點擊上方注冊

　　點擊選擇“小程序”出現(xiàn)注冊頁面

　　填寫注冊小程序的郵箱，然后填寫小程序登錄密碼，最后填寫驗證碼，點擊同意協(xié)議，注冊。

　　登錄郵箱，點擊鏈接，進行驗證。

　　進入信息登記界面，進行信息登記，分為“主體信息登記”和“管理員信息登記”。注意“主體信息提交后不可修改”。

　　選擇驗證方式，直接選擇“對公賬號打款驗證”，獲取打款信息，向這個賬號打指定金額(一般是幾分錢)，打款完畢，等待微信官方審核結果(一般一天就可以回復)。

　　最后登錄，就可以看到小程序后臺可以使用了。

　　微信小程序申請前的準備：

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

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

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

　　開始項目：

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

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

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

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

　　1. 框架

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

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

　　app.json：小程序公共設置、導航欄顏色等，不可以注釋。

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

　　小程序頁面構成類似這樣：

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

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

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

　　配置：json 文件

　　邏輯層：js 文件

　　視圖層：wxss.wxml 文件

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

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

　　2. 組件

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

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

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

　　組件使用語法實例：

　　<><>

　　3. API

　　網(wǎng)絡

　　媒體

　　數(shù)據(jù)

　　位置

　　設備

　　界面

　　開發(fā)接口

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

　　這些 API 屬于邏輯層，寫在 JS 邏輯文件中。

　　使用實例：

　　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 的使用方法。

　　編譯運行

　　1. 模擬器調(diào)試

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

　　之前我們提過，小程序的運行底層不同，這也導致在模擬器上的效果，會與在手機上運行有些差異。

　　2. 真機調(diào)試

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

　　微信小程序怎么申請從零開始做一個微信小程序教程

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

　　真機運行截圖(運行于 iPhone 7，微信版本：6.3.30)：

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

　　因為目前找不到在地圖上畫連線的方法，所以采用了在地圖上貼小紅點圖的方法顯示大概跑步路徑，路徑比較粗糙;