零基礎搭建智慧垃圾分類小程式

敏哥 發表於 2022-06-14

1、先上圖

image.png

image.png


image.png

在這裡插入圖片描述

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分鐘實現微信雲小程式支付功能(含原始碼)

相關文章