前言

因?yàn)轫?xiàng)目組最近開(kāi)了個(gè)electron的新項(xiàng)目，已經(jīng)二十多天沒(méi)有寫過(guò)文章了，恰巧剛遇到了sqlite相關(guān)的問(wèn)題，于是把相關(guān)的問(wèn)題和解決方法總結(jié)一下。

新項(xiàng)目用的的技術(shù)棧是Electron + Vue，公司的上一個(gè)electron項(xiàng)目使用的是electron-vue,但是這個(gè)庫(kù)的作者已經(jīng)很長(zhǎng)時(shí)間沒(méi)有維護(hù)了。部門老大想要使用新的技術(shù)，所以把這個(gè)項(xiàng)目構(gòu)建的任務(wù)交給了本人，等有時(shí)間我會(huì)專門寫一篇文章來(lái)介紹我是如何搭建項(xiàng)目的。這次就先介紹一下sqlite3吧。

安裝

以前并沒(méi)有使用過(guò)sqlite, 所以本來(lái)以為直接

npm install sqlite3 --save

就可以了，后來(lái)才知道太天真了。

mac和windows安裝有些步驟不太一樣。

mac系統(tǒng)

首先第一步是先安裝node-gyp

因?yàn)槭侨职惭b，所以mac需要加上sudo

sudo npm install -g node-gyp

接下來(lái)就可以構(gòu)建sqlite了,mac系統(tǒng)運(yùn)行下面的命令就可以了

npm install sqlite3 --runtime=electron --target=5.0.7 --dist-url=https://atom.io/download/electron --save

target后面填electron的版本，作者使用的是最新的5.0.7

windows系統(tǒng)

windows相對(duì)蘋果而言需要安裝不少前置依賴，如果缺了這一步是無(wú)法構(gòu)建成功的。

第一步安裝python,因?yàn)樘O果自帶python所以不用安裝，現(xiàn)在的有些windows系統(tǒng)好像也自帶python，如果沒(méi)有的話就安裝python 2.7。
安裝VS的C++依賴，作者之前因?yàn)檫@個(gè)卡了一天。

c++ 依賴.png

然后就和mac的步驟一樣了。
安裝node-gyp

 npm install -g node-gyp

下載并編譯

npm install sqlite3 --runtime=electron --target=5.0.7 --dist-url=https://atom.io/download/electron --save

target后面填electron的版本，作者使用的是最新的5.0.7

構(gòu)建成功后就可以直接使用了。

PS: 因?yàn)槲以诎惭b的時(shí)候查閱了很多資料，發(fā)現(xiàn)不同的系統(tǒng)，甚至是不同的系統(tǒng)版本都可能導(dǎo)致失敗，作者使用的是mac系統(tǒng)最終成功安裝，同時(shí)給大家提供一些參考
官方文檔中有關(guān)electron下sqlite的安裝 https://github.com/mapbox/node-sqlite3#custom-builds-and-electron
stackoverflow上的一個(gè)提問(wèn) https://stackoverflow.com/questions/38716594/electron-app-cant-find-sqlite3-module

API封裝

sqlite3的api全部是異步回調(diào)函數(shù)的形式，我們當(dāng)然希望使用Promise和async/await來(lái)開(kāi)發(fā)，本來(lái)是有一個(gè)sqlite的npm包提供來(lái)這個(gè)功能，但是我在使用的時(shí)候沒(méi)有安裝成功，再加上sqlite3的api并不多，所以最后決定自己封裝。

代碼已經(jīng)傳到github上了 https://github.com/Harlan-ZhangDongXing/sqlite

import sqlite3 from 'sqlite3'
const sqlite = sqlite3.verbose()

class Sqlite {
  constructor() {
    this.instance
    this.db = null
  }
  // 連接數(shù)據(jù)庫(kù)
  connect(path) {
    return new Promise((resolve,reject) => {
      this.db = new sqlite.Database(path, (err) => {
        if(err === null) {
          resolve(err)
        } else {
          reject(err)
        }
      })
      
    })
  }
// 運(yùn)行sql
  run(sql, params) {
    return new Promise((resolve, reject) => {
      this.db.run(sql, params, (err) => {
        if(err === null) {
          resolve(err)
        } else {
          reject(err)
        }
      })
    })
  }
// 運(yùn)行多條sql
  exec(sql) {
    return new Promise((resolve, reject) => {
      this.db.exec(sql, (err) => {
        if(err === null) {
          resolve(err)
        } else {
          reject(err)
        }
      })
    })
  }
// 查詢一條數(shù)據(jù)
  get(sql, params) {
    return new Promise((resolve, reject) => {
      this.db.get(sql, params, (err, data) => {
        if(err) {
          reject(err)
        } else {
          resolve(data)
        }
      })
    })
  }
// 查詢所有數(shù)據(jù)
  all(sql, params) {
    return new Promise((resolve, reject) => {
      this.db.all(sql, params, (err, data) => {
        if(err) {
          reject(err)
        } else {
          resolve(data)
        }
      })
    })
  }
// 關(guān)閉數(shù)據(jù)庫(kù)
  close() {
    this.db.close()
  }

  // 單例
  static getInstance() {
    this.instance = this.instance ? this.instance : new Sqlite()
    return this.instance
  }
}

export default Sqlite

目前只封裝了幾個(gè)常用的，需要的開(kāi)發(fā)者可以仿照這個(gè)自己封裝。

下面貼一段在vue的create()鉤子函數(shù)中使用的示例

import Sqlite from './common/js/api/sqlite'

async created () {
    const db = Sqlite.getInstance()
    await db.connect('./database/tabletSign.db')
    await db.run('CREATE TABLE IF NOT EXISTS test(a int, b char)')
    await db.run(`INSERT INTO test VALUES(10, 'abcd')`)
    const response = await db.all('SELECT * FROM test')
    db.close()
  }