微信小程序訪問mysql數據庫流程詳解
1 開通雲上的mysql
經過詢價,我發現阿裡雲的數據庫是比較便宜的,新人購買非常劃算。對於愛學習的博主來說,果斷購買一個。
按照操作指引購買後,雲會幫你創建一系列的環境,在控制臺就可以看到屬於自己的實例
點擊操作列上的管理,就可以創建我們自己的數據庫。配置的步驟是先創建數據庫的賬號
然後創建一個數據庫
都設置好之後就可以登錄數據庫,創建表,加數據瞭
剛創建好的數據庫隻能內網使用,我們如果希望在小程序裡訪問還需要開通外網,這裡加入白名單即可
2 創建自定義連接器
數據庫準備好瞭之後,我們就可以創建自定義連接器來訪問數據庫瞭。登錄微搭的控制臺,點擊新建自定義連接器
輸入連接器的名稱和標識
點擊立即創建,創建自定義連接器方法
意圖選擇查詢列表,類型選擇雲開發雲函數
3 創建雲函數
點擊新建雲函數
錄入函數名稱
點擊確定就可以完成雲函數的創建
4 安裝依賴
我們創建好雲函數後,從列表上點擊函數名稱進入
進入後切換到函數代碼
如果我們點擊保存並安裝依賴會提示缺失package.json
把內容復制一下,點導航條的文件,創建一個文件,命名為package.json
將我們的內容復制到文件裡,賦值好之後選中index.js,貼入如下代碼
const mysql = require("mysql2/promise"); exports.main = async (event, context) => { try { const connection = await mysql.createConnection({ host: '你的數據庫的公網ip', user: '數據庫的用戶名', password: '數據庫的密碼', port: 3306, database: '數據庫名', }); console.log('已連接') const [rows, fields] = await connection.execute('SELECT * FROM `user`;'); // 這裡可以對返回數據做加工 return rows; } catch(err) { console.log('錯誤連接', err); return err; } };
需要替換成你自己的數據庫的對應信息,替換好之後,因為我們引入瞭mysql的庫,先需要安裝依賴,在package.json裡重新錄入如下代碼
{ "name": "app", "version": "1.0.0", "description": "", "main": "index.js", "scripts": {}, "author": "", "license": "ISC", "dependencies": { "@cloudbase/node-sdk": "latest", "mysql2":"latest" } }
依賴裡我們多瞭一個mysql2的依賴,替換好之後再點擊底部的保存並安裝依賴按鈕,安裝對應的庫。安裝成功之後我們可以在node_modules文件夾下找到mysql2的文件夾
這樣依賴就安裝好瞭,依賴安裝好之後我們可以點擊方法測試,看看是否連接上數據庫,數據有沒有正確的返回
如果看到成功之後就說明一切都做好瞭。
5 出參映射
雲函數創建好之後,我們回到微搭的自定義連接器界面,選擇我們剛剛創建好的雲函數
點擊方法測試,看一下雲函數能否正常調用,如果返回成功,就可以點擊出參映射瞭
這樣一個自定義連接器就創建好瞭
6 在小程序中使用連接器
連接器相當於我們的後臺方法,還需要在前端進行調用,可以創建一個變量,用來接收連接器調用的返回值
在頁面的生命周期函數裡我們通過api的形式來調用連接器來獲取數據
export default { async onPageLoad(query) { //console.log('---------> LifeCycle onPageLoad', query) const result = await app.cloud.callConnector({ name: 'ljmysql_xi2ad3x', methodName: 'ljmysql', params: {}, // 方法入參 }); console.log(result) $page.dataset.state.list = result }, onPageShow() { //console.log('---------> LifeCycle onPageShow') }, onPageReady() { //console.log('---------> LifeCycle onPageReady') }, onPageHide() { //console.log('---------> LifeCycle onPageHide') }, onPageUnload() { //console.log('---------> LifeCycle onPageUnload') }, }
數據獲取到之後,我們就添加組件,並且給組件綁定值就可以
綁定的時候使用表達式綁定就可以
總結
我們本篇介紹瞭如何在微搭低代碼中接入mysql數據庫,需要先申請一個公有雲的庫,可以公網訪問,然後創建雲函數來完成數據的接入。在小程序中就可以將數據綁定到對應的組件上進行展示。如果覺得有用記得點贊、關註加評論哦。
到此這篇關於微信小程序訪問mysql數據庫流程詳解的文章就介紹到這瞭,更多相關小程序訪問mysql數據庫內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- nodejs中關於mysql數據庫的操作
- 低代碼從0到1創建小程序項目詳解流程
- Javascript連接數據庫查詢並插入數據
- Node連接MySQL並封裝其增刪改查的實現代碼
- 使用Express+Node.js對mysql進行增改查操作