1 開通云上的mysql

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

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

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

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

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

剛創(chuàng)建好的數(shù)據(jù)庫(kù)只能內(nèi)網(wǎng)使用，我們?nèi)绻Ｍ谛〕绦蚶镌L問還需要開通外網(wǎng)，這里加入白名單即可

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

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

輸入連接器的名稱和標(biāo)識(shí)

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

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

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

點(diǎn)擊新建云函數(shù)

錄入函數(shù)名稱

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

4 安裝依賴

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

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

如果我們點(diǎn)擊保存并安裝依賴會(huì)提示缺失package.json

把內(nèi)容復(fù)制一下，點(diǎn)導(dǎo)航條的文件，創(chuàng)建一個(gè)文件，命名為package.json

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

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

需要替換成你自己的數(shù)據(jù)庫(kù)的對(duì)應(yīng)信息，替換好之后，因?yàn)槲覀円肓薽ysql的庫(kù)，先需要安裝依賴，在package.json里重新錄入如下代碼

{
  "name": "app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {},
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@cloudbase/node-sdk": "latest",
    "mysql2":"latest"
  }
}

依賴?yán)镂覀兌嗔艘粋€(gè)mysql2的依賴，替換好之后再點(diǎn)擊底部的保存并安裝依賴按鈕，安裝對(duì)應(yīng)的庫(kù)。安裝成功之后我們可以在node_modules文件夾下找到mysql2的文件夾

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

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

5 出參映射

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

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

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

6 在小程序中使用連接器

連接器相當(dāng)于我們的后臺(tái)方法，還需要在前端進(jìn)行調(diào)用，可以創(chuàng)建一個(gè)變量，用來接收連接器調(diào)用的返回值

在頁(yè)面的生命周期函數(shù)里我們通過api的形式來調(diào)用連接器來獲取數(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ù)獲取到之后，我們就添加組件，并且給組件綁定值就可以

綁定的時(shí)候使用表達(dá)式綁定就可以

總結(jié)

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

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