UniApp Quick Start

AI Quick Start

Prerequisites

Before you begin, ensure you have completed the following:

1. Activate CloudBase Environment: Create Environment
2. Install Node.js: Download Node.js (LTS version recommended)

Client

Configure your AI tool to connect with CloudBase capabilities. Supports local and hosted connection. See connection modes.

Step 1: Install / Configure CloudBase

Step 2: Chat with AI

Enter the following in your AI chat in order:

prompt

Install CloudBase Skills: run npx skills add tencentcloudbase/cloudbase-skills -y

Use CloudBase Skills: Use CloudBase Skills: Integrate CloudBase Web SDK in a UniApp app, including authentication and database

Full Developer Guide

Prerequisites

Before you begin, ensure you have completed the following:

1. Activate CloudBase Environment: Create Environment
2. Install Node.js: Download Node.js (LTS version recommended)

For more details, see: UniApp Full Documentation

Install SDK

@cloudbase/js-sdk Combine with @cloudbase/adapter-uni-app allows you toin uni-app project

npm

npm i @cloudbase/js-sdk @cloudbase/adapter-uni-app

yarn

yarn add @cloudbase/js-sdk @cloudbase/adapter-uni-app

pnpm

pnpm add @cloudbase/js-sdk @cloudbase/adapter-uni-app

Initialize SDK

Add the following code to your uni-app project

./utils/cloudbase.js

import cloudbaseSDK from "@cloudbase/js-sdk";
import adapter from "@cloudbase/adapter-uni-app";

// passed inConfigurationoption
const options = {
  uni: uni // passed in uni object，for imageVerification codeFunction
};

cloudbaseSDK.useAdapters(adapter, options);

const cloudbase = cloudbaseSDK.init({
  // Environment ID
  env: "{%ENV_ID%}",
  // region
  region: "{%REGION%}",
  // Anonymous access token
  accessKey: "{%PUBLISHABLE_KEY%}"
});

export default cloudbase;