首頁 > 微信小程式 > 小程式開發 > 新手必備的微信小程式開髮指南

新手必備的微信小程式開髮指南

烟雨青岚
發布: 2020-06-23 13:42:51
轉載
2681 人瀏覽過

新手必備的微信小程式開髮指南

#新手必備的微信小程式開發指南

#前言:本文主要說明微信小程式開發流程,環境配置以及注意事項,減少新手走彎路

1、伺服器環境準備說明

1.1   公網網路和網域可用性

確保伺服器公網網路正常,且指向公網IP的網域名稱已備案,狀態正常

由於微信小程式API必要得備案域名才能訪問,所以域名需要通過ICP備案(具體如何備案,這裡不做說明)

1.2 端口可用

確保80和443端口已開放,且沒有被佔用

如果對連接埠號碼不太理解,請查看這個

https://blog.csdn.net/qcx321/article/details/52234259

# ①、使用telnet指令測試80和443埠是否已開放

如下圖:

新手必備的微信小程式開髮指南

②、使用netstat指令測試80和443埠是否有被佔用;

netstat -ano | findstr "80"

netstat -ano | findstr "443"

如下圖

新手必備的微信小程式開髮指南

1.3 HTTPS可用

確保HTTPS可用

微信小程式業務網域需要https才能設置,開發時可以先設定不校驗網域有效性

2.小程式開發流程

#2.1微信小程式開發後台位址

網頁位址:https://mp.weixin.qq.com

#微信小程式開發帳號可以從此位址註冊

2.2小程式AppID、AppSecret 的取得與設定說明

2.2.1 AppID說明

AppID也叫開發者ID,是公眾號,小程式唯一開發識別碼,配合開發者密碼進行開發(簡單來說,是小程式應用ID)

2.2.2 AppID取得步驟

① 由微信小程式開發後台位址輸入帳號密碼後,掃碼進入(需要用公眾號綁定的管理員微信掃碼)

新手必備的微信小程式開髮指南

② 在左側的選單,點選開發目錄

#③ 在開發目錄下點選開發設置,就可以看到AppID

2.2.3 AppSecret說明

AppSecret也叫開發者密碼,與appid二者搭配使用,可呼叫公眾號的介面能力。 (主要是後台用來拿微信用戶的openID)

2.2.3 AppSecret重要提示

AppSeret只能以產生的方式來獲取。產生後,微信小程式管理頁面是不為開發帳戶儲存AppSeret的,所以AppSeret要妥善保管好。如果遺失或忘記,可重置並產生。

2.2.4 AppSecret取得步驟

#①、AppSecret的取得與《2.2.2 AppID取得步驟》基本一致

2.3  設定「業務網域」

2.3.1 步驟

業務網域的新增/修改在 左側列表--開發目錄--開發設定--業務網域裡面

如下圖

新手必備的微信小程式開髮指南

2.3. 2 業務網域設定使用說明

①、業務網域設定必要使用80埠;

②、業務網域必須透過備案;

③、網域設定完成後,網頁會提示下載校驗檔案(是.txt檔案),將其放在tomcat的根目錄下,重新啟動tomcat即可。

另外有部分人可能不懂業務網域是什麼,簡單來說,業務網域可以實作Web頁面嵌入小程式中。

2.4 下載安裝小程式開發者工具

# 位址https://developers.weixin.qq.com/miniprogram/dev/devtools /download.html

環境設定沒什麼太大需求,建議安裝在D磁碟

2.5  小型程式開發工具設定流程

 ①、開啟小程式Web開發者工具,點選號碼

新手必備的微信小程式開髮指南

##②、填入專案名稱、目錄,appid(前面有說到如何取得),開發模式選小程式即可,語言我這裡選擇JS

新手必備的微信小程式開髮指南

③、微信小程式的編輯工具模式跟web差不多,前端開發的同學,基本上很容易就上手,開發完成的介面,點選上傳,就可以上傳到申請的小程式管理帳號中(提示一下,管理帳號中,需要把開發者的微信授權)

新手必備的微信小程式開髮指南

好了,本來還想寫一下上線發布流程及注意事項的,但想到那部分相對比較簡單,新手多看下文件就明白,就寫到這裡吧。

本文轉自:https://blog.csdn.net/qq_35787700/article/details/90481119

推薦教學:《

微信小程式

以上是新手必備的微信小程式開髮指南的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板