小程式2017.08.31更新大版本,本系列文章暫停更新,正在製作最新版本內容,敬請期待吧
?? 微信小程式課程,面向所有具備前端基礎知識的同學 ??
微信小程式自發布以來,廣受大家關注。小程式釋出初期,顛覆現有移動網際網路格局,讓很多開發者欣喜若狂。如今,隨著小程式入口越來越多的開放,越來越多的開發者加入到小程式的開發大軍中。滬江Web前端團隊打造了【小程式實戰文章+視訊教程】是為初學者量身打造的一系列課程。
§ 核心人員
aximario |
pavelShen |
pangz1 |
tinyuen |
roeis |
sqzhuyi |
longdiandian9 |
brucecham |
第一章:小程式初級入門教程
§ 小程式時代
小程式的優勢,網上各種文章新聞鋪天蓋地,這裡不再複述。
除了我們常見的功能外(音訊、視訊、圖片、畫布等),小程式可以做到如下但不限於這些事情:
- 網路:網路請求、上傳下載、
WebSocket
(比如聊天室) - 資料:資料快取能力
- 位置:獲取位置、檢視位置、地圖呼叫
- 裝置:系統資訊、網路狀態、加速度計(重力感應)、羅盤、撥打電話、掃碼、藍芽、iBeacon、螢幕亮度、
振動
、手機聯絡人(你的電話本) - 介面:可以做到很多與微信一樣效果的樣式,比如設定導航條、導航、動畫、繪圖等等
- 開放介面:登入、授權、使用者資訊、
微信支付
、微信客服、轉發、二維碼功能、微信運動
、收貨地址、卡券、設定 - 檔案操作能力、資料統計分析(pv、uv等)
§ 小程式起手
之前小程式強制要求以公司機構申請 appID
方可開發和上線小程式專案,導致小程式遇冷。不過還好,現在小程式基本上放開了這塊的限制。
如果你想自己動手玩下小程式,找找感覺,沒有 appID
也可以做到。如果想要達到上線的效果,還是需要申請 appID
並進行專案的提交稽核。
這裡稍微提下 appID
的申請過程
- 開啟小程式註冊地址,瀏覽 3 秒後,請點選頁面右上角
立即註冊
進入下一個頁面並選擇小程式
,如下:
2. 不用多說了,直接填寫資訊吧。需要注意的是:一個郵箱只能註冊一個小程式 。另外,多瞭解下協議內容,避免因一些小問題造成稽核不通過。
3. 註冊成功後,會有個啟用連結傳送到註冊郵箱裡面,需要登入郵箱中驗證啟用。
4. 查收郵件,並點選此處連結驗證啟用。
5. 點選郵件的連結驗證後,正常情況下,會跳轉到一個新的頁面,如果開啟頁面後,沒有進入到如下頁面,可以點選頁面 返回首頁
,或直接訪問地址 mp.weixin.qq.com
6. 資訊登記的主體型別,請根據自己的情況而定,本教程採用最基本的 個人
型別,並填寫下面的真實資訊,需要注意的是,身份證
和 手機號
最多能繫結 5 個小程式,也就是說,你想要開發第 6 個小程式,就需要換別人的證件資訊了。
7. 資訊填寫後,點選 繼續
進行提交,成功後會彈出如下框,直接 前往小程式
8. 進入小程式後,從左側選單導航的 設定
進入到 開發設定
,或直接在圖中所示位置進入 開發設定
,就可以看到小程式的 appID
了。
** 【上一章】【連載】滬江Web前端技術團隊打造【小程式實戰文章+視訊教程】登場啦! **
** 【下一章】【連載】【小程式實戰文章+視訊教程】第一章:小程式初級入門教程 - 工具安裝 **
iKcamp原創新書《移動Web前端高效開發實戰》已在亞馬遜、京東、噹噹開售
2019年,iKcamp原創新書《Koa與Node.js開發實戰》已在京東、天貓、亞馬遜、噹噹開售啦!