零基礎搭建智能垃圾分類小程序

1、先上圖

在這裏插入圖片描述

2、準備工作

一、申請一個小程序
申請地址:微信公衆平臺,
申請小程序的操作很簡單,大家百度一下跟着步驟申請就行,某寶上還有認證小程序代申請代認證,老鐵們可以自行選擇。

二、下載微信開發者工具
下載地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

在這裏插入圖片描述

三、下載解壓HBuilderX

下載地址:https://www.dcloud.io/hbuilderx.html
在這裏插入圖片描述

3、搭建開始

請確保 HBuilderX 更新到最新版

一、小程序源碼地址,點擊購買普通授權版本,只需要8.88

二、我這裏雲空間叫demo,如果沒有新建個阿里雲空間即可(創建 uniCloud 服務空間),右鍵uniCloud目錄關聯到與管理後臺同一個服務空間,全部勾選,點擊直接部署服務空間,導入HBuilderX
在這裏插入圖片描述
打開文件 uniCloud => cloudfunctions => common => wx-auth => index.js
配置 wxConfigMp 內的 appid 和 secret(在微信小程序官方的後臺獲取)

三、項目安裝依賴

項目根目錄 npm install 安裝依賴

四、配置項目
1、打開微信微信開發者工具,在安全設置中打開服務端口
在這裏插入圖片描述
在這裏插入圖片描述

2、打開HBuilderX,點擊“運行-運行到小程序模擬器-運行配置”中設置你安裝微信開發者工具的路徑。
在這裏插入圖片描述

在這裏插入圖片描述

四、發佈小程序

1、右鍵項目文件夾,點擊“發行-小程序-微信(僅適用於uniapp)”
在這裏插入圖片描述

2、填寫小程序名稱和小程序appid即可喚起微信開發者工具。
在這裏插入圖片描述

3、在小程序後臺,開發管理中配置服務器request合法域名:https://api.bspapp.com; https://zy-api.wxthe.com

4、在微信開發者工具點擊上傳,在小程序後臺提交審覈,審覈通過後即可正常運營

在這裏插入圖片描述

作者相關文章

反編譯獲取任何微信小程序源碼——看這篇就夠了

抽籤小程序,媽媽再也不用擔心誰洗碗(分配任務)了,so easy

5分鐘實現微信雲小程序支付功能(含源碼)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章