JavaScript 版本微信小程序引入方法
1、终端npm初始化
npm init -y
![](https://cdn.forum.laf.run/2023-04-17/1681752499-471664-image.png)
2、npm安装laf-client-sdk
npm i laf-client-sdk
![](https://cdn.forum.laf.run/2023-04-17/1681752543-324086-image.png)
3、构建NPM
![](https://cdn.forum.laf.run/2023-04-17/1681752595-780116-image.png)
![](https://cdn.forum.laf.run/2023-04-17/1681752606-64679-image.png)
4、app.js初始化
import { Cloud } from "laf-client-sdk";
cloud: new Cloud({
baseUrl: "https://appid.laf.run",
getAccessToken: () => wx.getStorageSync('access_token'),
environment: "wxmp",
})
![](https://cdn.forum.laf.run/2023-04-17/1681752696-914908-image.png)
5、调用方式
在需要调用sdk的页面的js文件中顶部新增
const app = getApp()
const cloud = app.globalData.cloud
实际调用方法:
把异步方法改成同步方法,方法名前面加async
const res = await cloud.invoke('test5')
console.log(res)
![](https://cdn.forum.laf.run/2023-04-17/1681752973-205062-image.png)
小程序前端调用云函数方法参考: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
![](https://cdn.forum.laf.run/2023-04-17/1681752499-471664-image.png)
2、npm安装laf-client-sdk
npm i laf-client-sdk
![](https://cdn.forum.laf.run/2023-04-17/1681752543-324086-image.png)
3、修改project.config.json
setting下新增:
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "miniprogram/"
}
]
![](https://cdn.forum.laf.run/2023-04-17/1681753431-175574-image.png)
4、构建NPM
![](https://cdn.forum.laf.run/2023-04-17/1681752595-780116-image.png)
![](https://cdn.forum.laf.run/2023-04-17/1681752606-64679-image.png)
5、app.ts初始化
import { Cloud, EnvironmentType } from "laf-client-sdk";
import { IAppOption } from "../typings";
cloud: new Cloud({
baseUrl: "https://appid.laf.run",
getAccessToken: () => wx.getStorageSync('access_token'),
environment: EnvironmentType.WX_MP,
})
![](https://cdn.forum.laf.run/2023-04-17/1681754438-918854-image.png)
cloud?: Cloud
![](https://cdn.forum.laf.run/2023-04-17/1681754618-707822-image.png)
6、调用方式
在需要调用sdk的页面的js文件中顶部新增
const app = getApp<IAppOption>()
const cloud = app.globalData.cloud
实际调用方法:
把异步方法改成同步方法,方法名前面加async
const res = await cloud.invoke('test5')
console.log(res)
![](https://cdn.forum.laf.run/2023-04-17/1681754722-963327-image.png)
小程序前端调用云函数方法参考: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