字节跳动小程序如何使用云开发cloudbase
发布于 3 年前 作者 xiuying16 3162 次浏览 来自 分享

__ 前言__

字节跳动小程序上线已经半年多了,字节系的很多产品如抖音、西瓜视频都自带巨大的流量,很适合普通人去掘金,而目前字节跳动小程序就是一个机会,但对于小团队或个人开发者来说字节跳动小程序没有云开发,相对来说成本和难度会高一些,很多和我一样用惯了云开发的小伙伴,也想在字节跳动云开发没出来之前先用腾讯云云开发cloudbase来写抖音小程序。今天搞了一天给搞明白了,直接上教程。

第一步:安装npm

先检查一下有没有这两个文件

如果没有的话先安装

npm init > npm install

然后在安装云开发SDK

npm i @cloudbase/js-sdk -S> npm i @maoyan/cloudbase-adapter-tt_mp -S

需要注意的是字节跳动开发工具里的构建npm在详情——工程配置——自动构建npm

第二步:配置云开发cloudbase

1、由于字节跳动小程序没有提供getAccountInfoSync()接口,无法通过接口获取appId 所以需要将appId设置到字节跳动小程序app对象上。

onLaunch(options) {
    this.appId = appId   //字节跳动小程序appid

2、腾讯云cloudbase安全配置(给你的字节跳动小程序授权)

输入你的字节跳动小程序appid就可以了。

授权成功后需要获取凭证和记录版本,获取后保存好,接下来要用到

3、匿名登陆

为了增加安全性,建议开启匿名登陆。启动匿名登录后,用户将不需要登录即可访问应用。如果有更严格的安全要求,可以自行开启其它身份验证方式。

第三步:编写代码

index.js

import tcb from '[@cloudbase](/user/cloudbase)/js-sdk';
import { adapter } from '[@maoyan](/user/maoyan)/cloudbase-adapter-tt_mp';

Page({
  data: {

  },
  onLoadfunction () {
    console.log('Welcome to Mini Code')
  },
  getclouddatafunction () {
    this.appId = "小程序appid"; //字节跳动小程序appid
    tcb.useAdapters(adapter);
    const app = tcb.init({
      env"云开发环境id",
      appSign'小程序appid',  // 需要设置成字节跳动小程序的appid
      appSecret: {
        appAccessKeyId1//版本,一般都是1,安全配置中添加的应用白名单显示但版本
        appAccessKey'凭证',//在第二步安全配置中获得的凭证
      }
    });

    // 匿名登陆
    const auth = app.auth()
    const loginState = auth.anonymousAuthProvider().signIn()

    const db = app.database();

    db.collection('book').get().then(res => {
      
      console.log(res)
    })

  },
})

参考:https://developers.weixin.qq.com/community/develop/article/doc/000ac062acc5c047697cd3bdf51813

https://github.com/MaoYanTech/cloudbase-adapter-tt_mp

1 回复

UNI-APP使用云开发跨全端开发官方教程也可以参考https://zhuanlan.zhihu.com/p/335160747

回到顶部