1 開通云上的mysql

經(jīng)過詢價，我發(fā)現(xiàn)阿里云的數(shù)據(jù)庫是比較便宜的，新人購買非常劃算。對于愛學習的博主來說，果斷購買一個。

按照操作指引購買后，云會幫你創(chuàng)建一系列的環(huán)境，在控制臺就可以看到屬于自己的實例

點擊操作列上的管理，就可以創(chuàng)建我們自己的數(shù)據(jù)庫。配置的步驟是先創(chuàng)建數(shù)據(jù)庫的賬號

然后創(chuàng)建一個數(shù)據(jù)庫

都設置好之后就可以登錄數(shù)據(jù)庫，創(chuàng)建表，加數(shù)據(jù)了

剛創(chuàng)建好的數(shù)據(jù)庫只能內網(wǎng)使用，我們如果希望在小程序里訪問還需要開通外網(wǎng)，這里加入白名單即可

2 創(chuàng)建自定義連接器

數(shù)據(jù)庫準備好了之后，我們就可以創(chuàng)建自定義連接器來訪問數(shù)據(jù)庫了。登錄微搭的控制臺，點擊新建自定義連接器

輸入連接器的名稱和標識

點擊立即創(chuàng)建，創(chuàng)建自定義連接器方法

意圖選擇查詢列表，類型選擇云開發(fā)云函數(shù)

3 創(chuàng)建云函數(shù)

點擊新建云函數(shù)

錄入函數(shù)名稱

點擊確定就可以完成云函數(shù)的創(chuàng)建

4 安裝依賴

我們創(chuàng)建好云函數(shù)后，從列表上點擊函數(shù)名稱進入

進入后切換到函數(shù)代碼

如果我們點擊保存并安裝依賴會提示缺失package.json

把內容復制一下，點導航條的文件，創(chuàng)建一個文件，命名為package.json

將我們的內容復制到文件里，賦值好之后選中index.js，貼入如下代碼

const mysql = require("mysql2/promise");
exports.main = async (event, context) => {
    try {
        const connection = await mysql.createConnection({
            host: '你的數(shù)據(jù)庫的公網(wǎng)ip',
            user: '數(shù)據(jù)庫的用戶名',
            password: '數(shù)據(jù)庫的密碼',
            port: 3306,
            database: '數(shù)據(jù)庫名',
        });
        console.log('已連接')
        const [rows, fields] = await connection.execute('SELECT * FROM `user`;');
                // 這里可以對返回數(shù)據(jù)做加工
        return rows;
    } catch(err) {
        console.log('錯誤連接', err);
        return err;
    }
};

需要替換成你自己的數(shù)據(jù)庫的對應信息，替換好之后，因為我們引入了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的文件夾

這樣依賴就安裝好了，依賴安裝好之后我們可以點擊方法測試，看看是否連接上數(shù)據(jù)庫，數(shù)據(jù)有沒有正確的返回

如果看到成功之后就說明一切都做好了。

5 出參映射

云函數(shù)創(chuàng)建好之后，我們回到微搭的自定義連接器界面，選擇我們剛剛創(chuàng)建好的云函數(shù)

點擊方法測試，看一下云函數(shù)能否正常調用，如果返回成功，就可以點擊出參映射了

這樣一個自定義連接器就創(chuàng)建好了

6 在小程序中使用連接器

連接器相當于我們的后臺方法，還需要在前端進行調用，可以創(chuàng)建一個變量，用來接收連接器調用的返回值

在頁面的生命周期函數(shù)里我們通過api的形式來調用連接器來獲取數(shù)據(jù)

export default {
  async onPageLoad(query) {
    //console.log('---------> LifeCycle onPageLoad', query)
    const result = await app.cloud.callConnector({
        name: 'ljmysql_xi2ad3x',
        methodName: 'ljmysql',
        params: {}, // 方法入?yún)?
    });
    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')
  },
}

數(shù)據(jù)獲取到之后，我們就添加組件，并且給組件綁定值就可以

綁定的時候使用表達式綁定就可以

總結

我們本篇介紹了如何在微搭低代碼中接入mysql數(shù)據(jù)庫，需要先申請一個公有云的庫，可以公網(wǎng)訪問，然后創(chuàng)建云函數(shù)來完成數(shù)據(jù)的接入。在小程序中就可以將數(shù)據(jù)綁定到對應的組件上進行展示。如果覺得有用記得點贊、關注加評論哦。

到此這篇關于微信小程序訪問mysql數(shù)據(jù)庫流程詳解的文章就介紹到這了,更多相關小程序訪問mysql數(shù)據(jù)庫內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論