【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

iKcamp發表於2017-08-25

小程式2017.08.31更新大版本,本系列文章暫停更新,正在製作最新版本內容,敬請期待吧

?? 微信小程式課程,面向所有具備前端基礎知識的同學 ??

微信小程式自發布以來,廣受大家關注。小程式釋出初期,顛覆現有移動網際網路格局,讓很多開發者欣喜若狂。如今,隨著小程式入口越來越多的開放,越來越多的開發者加入到小程式的開發大軍中。滬江Web前端團隊打造了【小程式實戰文章+視訊教程】是為初學者量身打造的一系列課程。

§ 核心人員

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備
aximario

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備
pavelShen

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備
pangz1

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備
tinyuen

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備
roeis

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備
sqzhuyi

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備
longdiandian9

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備
brucecham

第一章:小程式初級入門教程


§ 小程式時代

小程式的優勢,網上各種文章新聞鋪天蓋地,這裡不再複述。
除了我們常見的功能外(音訊、視訊、圖片、畫布等),小程式可以做到如下但不限於這些事情:

  • 網路:網路請求、上傳下載、 WebSocket(比如聊天室)
  • 資料:資料快取能力
  • 位置:獲取位置、檢視位置、地圖呼叫
  • 裝置:系統資訊、網路狀態、加速度計(重力感應)、羅盤、撥打電話、掃碼、藍芽、iBeacon、螢幕亮度、 振動 、手機聯絡人(你的電話本)
  • 介面:可以做到很多與微信一樣效果的樣式,比如設定導航條、導航、動畫、繪圖等等
  • 開放介面:登入、授權、使用者資訊、微信支付 、微信客服、轉發、二維碼功能、 微信運動 、收貨地址、卡券、設定
  • 檔案操作能力、資料統計分析(pv、uv等)

§ 小程式起手

之前小程式強制要求以公司機構申請 appID 方可開發和上線小程式專案,導致小程式遇冷。不過還好,現在小程式基本上放開了這塊的限制。
如果你想自己動手玩下小程式,找找感覺,沒有 appID 也可以做到。如果想要達到上線的效果,還是需要申請 appID 並進行專案的提交稽核。

這裡稍微提下 appID 的申請過程

  1. 開啟小程式註冊地址,瀏覽 3 秒後,請點選頁面右上角 立即註冊 進入下一個頁面並選擇 小程式,如下:

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

2. 不用多說了,直接填寫資訊吧。需要注意的是:一個郵箱只能註冊一個小程式 。另外,多瞭解下協議內容,避免因一些小問題造成稽核不通過。

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

3. 註冊成功後,會有個啟用連結傳送到註冊郵箱裡面,需要登入郵箱中驗證啟用。

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

4. 查收郵件,並點選此處連結驗證啟用。

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

5. 點選郵件的連結驗證後,正常情況下,會跳轉到一個新的頁面,如果開啟頁面後,沒有進入到如下頁面,可以點選頁面 返回首頁,或直接訪問地址 mp.weixin.qq.com

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

6. 資訊登記的主體型別,請根據自己的情況而定,本教程採用最基本的 個人 型別,並填寫下面的真實資訊,需要注意的是,身份證手機號 最多能繫結 5 個小程式,也就是說,你想要開發第 6 個小程式,就需要換別人的證件資訊了。

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

7. 資訊填寫後,點選 繼續 進行提交,成功後會彈出如下框,直接 前往小程式

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

8. 進入小程式後,從左側選單導航的 設定 進入到 開發設定,或直接在圖中所示位置進入 開發設定,就可以看到小程式的 appID了。

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

** 【上一章】【連載】滬江Web前端技術團隊打造【小程式實戰文章+視訊教程】登場啦! **

** 【下一章】【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - 工具安裝 **

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

iKcamp原創新書《移動Web前端高效開發實戰》已在亞馬遜、京東、噹噹開售


【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - appID準備

2019年,iKcamp原創新書《Koa與Node.js開發實戰》已在京東、天貓、亞馬遜、噹噹開售啦!

相關文章