laf-client-sdk 微信小程序最佳引入方法

Night

JavaScript 版本微信小程序引入方法

1、终端npm初始化

npm init -y

2、npm安装laf-client-sdk

npm i laf-client-sdk

3、构建NPM

4、app.js初始化

// 顶部添加
import { Cloud } from "laf-client-sdk";

// globalData中添加
cloud: new Cloud({
    baseUrl: "https://appid.laf.run",   // 填入自己的 appid和url
    getAccessToken: () => wx.getStorageSync('access_token'),    
    environment: "wxmp",
})

5、调用方式

在需要调用sdk的页面的js文件中顶部新增

// js文件顶部新增
const app = getApp()
const cloud = app.globalData.cloud

实际调用方法：

把异步方法改成同步方法，方法名前面加async

const res = await cloud.invoke('test5') // test5 为云函数名
console.log(res)     // 这里的 res 是云函数中 return 的内容

小程序前端调用云函数方法参考：https://doc.laf.run/guide/function/call-function-in-client.html
小程序前端操作数据库调用方法参考：https://doc.laf.run/guide/db/policy.html#%E9%A6%96%E5%85%88%E5%AE%89%E8%A3%85-sdk

TypeScript 版本微信小程序引入方法

1、终端npm初始化

npm init -y

2、npm安装laf-client-sdk

npm i laf-client-sdk

3、修改project.config.json

setting下新增：

"packNpmManually": true,
"packNpmRelationList": [
  {
    "packageJsonPath": "./package.json",
    "miniprogramNpmDistDir": "miniprogram/"
  }
]

4、构建NPM

5、app.ts初始化

// 顶部添加
import { Cloud, EnvironmentType } from "laf-client-sdk";
import { IAppOption } from "../typings";

// globalData中添加
cloud: new Cloud({
  baseUrl: "https://appid.laf.run",   // 填入自己的 appid和url
  getAccessToken: () => wx.getStorageSync('access_token'),    
  environment: EnvironmentType.WX_MP,
})

// typings/index.d.ts中新增
cloud?: Cloud

6、调用方式

在需要调用sdk的页面的js文件中顶部新增

// ts文件顶部新增
const app = getApp<IAppOption>()
const cloud = app.globalData.cloud

实际调用方法：

把异步方法改成同步方法，方法名前面加async

const res = await cloud.invoke('test5') // test5 为云函数名
console.log(res)     // 这里的 res 是云函数中 return 的内容

DogeJian

### 好！