天天看點

【微信小程式】帶你進入小程式的世界

✅個人首頁:​​hacker_demo的51CTO部落格​​

🎉歡迎關注👀點贊👍收藏⭐留言📝

🔥系列專欄:微信小程式

💬個人格言:不斷的翻越一座又一座的高山,那樣的人生才是我想要的。這一馬平川,一眼見底的活,我不想要,我的人生,我自己書寫,餘生很長,請多關照,我的人生,敬請期待💖💖💖

【微信小程式】帶你進入小程式的世界

小程式簡介&注冊小程式開發賬号

小程式簡介

小程式與普通網頁開發的差別運作環境不同

網頁運作在浏覽器環境中

小程式運作在微信環境中

API不同

由于運作環境的不同,小程式無法調用DOM和BOM的API

但是小程式可以調用微信環境提供的各種API,例如:地理定位,掃碼,支付。

開發模式不同

網頁的開發模式:浏覽器+代碼編輯器

小程式有自己的一套标準開發模式

💬申請小程式開發賬号

💬安裝小程式開發者工具

💬建立和配置小程式項目

注冊小程式開發賬号

使用浏覽器打開​​微信公衆平台​​網址,點選右上角的"立即注冊"即可進入到小程式開發賬号的注冊流程

【微信小程式】帶你進入小程式的世界

選擇注冊類型

【微信小程式】帶你進入小程式的世界

填寫賬号資訊點選注冊

【微信小程式】帶你進入小程式的世界

前往注冊的郵箱檢視激活資訊

【微信小程式】帶你進入小程式的世界

點選連結激活賬号

【微信小程式】帶你進入小程式的世界

填寫資訊選擇個人

【微信小程式】帶你進入小程式的世界

填寫主體資訊登記

【微信小程式】帶你進入小程式的世界

送出主體資訊

【微信小程式】帶你進入小程式的世界

擷取小程式APPID

切換到微信小程式管理背景找到開發-開發管理-開發設定-開發者ID,即可擷取到小程式APPID

【微信小程式】帶你進入小程式的世界

微信開發者工具

了解微信開發者工具

微信開發者工具是官方推薦使用的小程式開發工具,它提供的主要功能如下:💬快速建立小程式項目

💬代碼的檢視和編輯

💬對小程式功能進行調試

💬小程式的預覽和釋出

下載下傳微信開發者工具

推薦下載下傳和安裝最新的穩定版(Stable Build)的微信開發者工具,下載下傳頁面的連結如下:​​https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html​​

對應版本下載下傳

【微信小程式】帶你進入小程式的世界

輕按兩下打開下載下傳檔案

【微信小程式】帶你進入小程式的世界
【微信小程式】帶你進入小程式的世界

點選我接受

【微信小程式】帶你進入小程式的世界

選擇檔案安裝路徑點選安裝

【微信小程式】帶你進入小程式的世界

等待安裝完成

【微信小程式】帶你進入小程式的世界

點選完成

【微信小程式】帶你進入小程式的世界

運作開發者工具掃碼登入在微信上确認登入

【微信小程式】帶你進入小程式的世界
【微信小程式】帶你進入小程式的世界

掃碼登入後的界面如下

【微信小程式】帶你進入小程式的世界

建立第一個小程式項目

點選小程式選擇加号

【微信小程式】帶你進入小程式的世界

按照下圖所示建立即可

💬注:APPID在小程式管理背景擷取

這樣第一個小程式項目就建立好了

【微信小程式】帶你進入小程式的世界

結束語🏆

繼續閱讀