微信小程序訪問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!

推薦閱讀: