ゼロベースのプロジェクト作成から具体的な運用までの小規模プログラムクラウド開発

1 はじめに

1.1 WeChatクラウド開発とは何ですか?

WeChat Cloud Development は、WeChat チームと Tencent Cloud によって開始された専門的な小規模プログラム開発サービスです。

開発者はクラウド開発を使用して、ミニプログラム、ミニゲーム、公式アカウントのWebページなどを迅速に開発し、WeChatのオープン機能をネイティブに開くことができます。

開発者はサーバーを構築する必要がなく、プラットフォームが提供するAPIを認証なしで直接ビジネス開発に利用できます。

1.2 早く学習するにはどうすればよいですか?

方法 1: 詳細については公式 Web サイトにアクセスしてください

2- はじめに

2.1 コンセプト
サーバーを構築する必要がなく、小さなプログラムや公式アカウントをすぐに構築できます。

サーバーを構築する必要はなく、プラットフォームが提供する機能を使用するだけでビジネスを迅速に開発できます。

端的に言えば、小規模プログラムのクラウド開発とは、フロントエンドのプログラマがバックエンドの機能を持てるようにすることです。

2.2 機能の概要
クラウド開発には以下が含まれます (クラウド開発ドキュメントを参照)。

データとファイルの保存
クラウド データベース: ドキュメント タイプのデータベース。アプレットとクラウド関数の呼び出しをサポートします。

ストレージ: クラウド ファイル ストレージは、フロントエンドでの直接アップロード/ダウンロードをサポートしており、クラウド開発コンソールで視覚的に管理できます。

バックエンド コードの実行
クラウド機能: 開発者は独自のビジネス ロジック コードを記述するだけで済みます。

拡張機能
静的 Web サイト: Web サイトを迅速に展開し、カスタム ドメイン名、Web サイトのアンチブラッシング、その他の構成をサポートします。

コンテンツ管理 (CMS): ワンクリックで展開し、クラウド データベースを使用してデータを読み取って使用する、テキスト、マークダウン、画像、その他のコンテンツの視覚的な管理。

WeChat エコシステムとクラウド呼び出しのオープン化: サーバー側呼び出し、オープン データへのアクセス、その他の機能を含む、認証なしでクラウド機能内の小さなプログラムを呼び出すためのオープン インターフェイス。

WeChat 支払い: 認証なし、署名計算なし、access_token なし、WeChat 支払いインターフェイスはクラウド関数でネイティブに呼び出されます。

環境共有: クロスアカウントのリソースと機能の再利用、およびクラウド開発リソースは、他のミニ プログラム/公式アカウントによる使用を承認できます。

2.3 プロセス
フロントエンドでクラウド関数を作成 ==> クラウド サーバーにアップロード ==> カスタム クラウド デプロイメントを定義 ===>

フロントエンドがクラウド機能を呼び出す ==> クラウド機能を通じて間接的にデータベースを操作

フロントエンド ==> フルスタック

3- クラウド開発テンプレートを構築する

3.1 プロジェクトの作成

WeChat 開発者ツールを開いてログインし、新しいミニ プログラム プロジェクトを作成し、AppID を入力して、バックエンド サービスとして「WeChat クラウド開発」を選択し、「クラウド開発利用規約」に同意することを確認します。

3.2 クラウド開発の活性化と環境の構築

クラウド開発機能を使用する前に、まずクラウド開発を有効にする必要があります。

開発者ツールのツールバーの左側にある [クラウド開発] ボタンをクリックしてクラウド コンソールを開き、プロンプトに従ってクラウド開発を有効にし、新しいクラウド開発環境を作成します。

注: 1 か月間無料トライアルは、WeChat クラウド開発を使用したことのない新規ユーザーのみが対象です

• 各環境は相互に分離されており、独立したデータベース インスタンス、ストレージ スペース、クラウド機能構成、その他のリソースを含む一意の環境 ID を持ちます。
• 最初に作成された環境は自動的にデフォルト環境になります。

• 4- クラウド開発機能

• 
  WeChat ミニプログラムのクラウド開発は、データベース、クラウド ストレージ、クラウド機能、クラウド呼び出し、HTTP API などの機能を提供します。

  4.1 データベース
  4.1.1 はじめに
  クラウド開発では JSON データベースが提供されますが、その名前が示すように、データベース内の各レコードは JSON 形式のオブジェクトです。データベースには複数のコレクション (リレーショナル データのテーブルに相当) を含めることができます。コレクションは JSON 配列とみなすことができます。配列内の各オブジェクトはレコードであり、レコードの形式は JSON オブジェクトです。

  リレーショナル データベースと JSON データベースの概念的な対応関係は次のとおりです。
  

• 4.1.2 作成

• コレクションを作成する

•  

• レコードの追加 

 

 

4.2 保管

クラウド ストレージは、高可用性、高安定性、強力なセキュリティのクラウド ストレージ サービスを提供し、ビデオや写真などのあらゆる量および形式の非構造化データのストレージをサポートし、コンソール上で視覚的に管理します。

4.3 クラウド機能

4.3.1 はじめに

クラウド機能とは、クラウド（サーバー側）上で動作する機能です。物理設計の観点からは、クラウド機能は複数のファイルで構成され、CPU メモリなどの一定量のコンピューティング リソースを占有し、各クラウド機能は完全に独立しており、異なるリージョンに展開できます。開発者はサーバーを購入したり構築したりする必要がなく、関数コードを記述してクラウドにデプロイしてミニプログラム上で呼び出すだけでよく、同時にクラウド関数同士を呼び出すこともできます。

4.3.2 作成

右クリックしてクラウド関数を作成します
 

   

 

• ページ内でクラウド関数を呼び出す
• 

 

4.3.3 操作

クラウド機能でのクラウドデータの操作方法

初期化
var db = cloud.database()
1 var data
の取得
= await db.collection("フィードバック").get()
1 var data
の追加
= await db.collection("フィードバック").add(data:{データの追加} )
1

4.4 HTTP API

クラウド開発リソースには、HTTP インターフェイスを通じてアクセスすることもできます。つまり、アプレットの外部からアクセスできます。インターフェイスについては、HTTP API ドキュメントを参照してください。

5- クラウドアップロード

5.1 はじめに

wx.cloud.uploadファイル

ローカル リソースをクラウド ストレージ スペースにアップロードします。同じパスにアップロードすると上書きされます。

 

5.2 使用例

• コールバックスタイル

wx.cloud.uploadFile({
  cloudPath: 'example.png',
  filePath: '', // 文件路径
  success: res => {
    // get resource ID
    console.log(res.fileID)
  },
  fail: err => {
    // handle error
  }
})

• プロミススタイル

• wx.cloud.uploadFile({
    cloudPath: 'example.png',
    filePath: '', // 文件路径
  }).then(res => {
    // get resource ID
    console.log(res.fileID)
  }).catch(error => {
    // handle error
  })
  

  6- 並べ替え

  6.1 はじめに

  Collection.orderBy(フィールドパス: 文字列, 文字列: 順序):コレクション

  サポート終了：ミニプログラム、クラウド機能、Web

  クエリの並べ替え条件を指定する

  6.2 パラメータ

• 
  フィールドパス: 文字列
  文字列: 順序

  6.3 戻り値
  の収集

  6.4 パラメータの説明

• 
  このメソッドは、並べ替える必要があるフィールドを定義する必須の文字列パラメーター fieldName と、並べ替え順序を定義する文字列パラメーター order を受け入れます。order は asc または desc のみを取ることができます。

  ネストされたフィールドを並べ替える必要がある場合は、「ドット表記」を使用してネストされたフィールドを接続する必要があります。たとえば、style.color は、フィールド スタイルのネストされたフィールドの色を表します。

  複数のフィールドによる並べ替えもサポートしています。orderBy を複数回呼び出すだけです。複数のフィールドを並べ替えるときの順序は、orderBy を呼び出した順序に基づきます。

  6.5 サンプルコード: フィールドによる並べ替え、
  進行状況による並べ替え、ToDo 項目を昇順で取得する

• db.collection('todos').orderBy('progress', 'asc')
    .get()
    .then(console.log)
    .catch(console.error)
  

  7- ページネーション

  7.1 はじめに

  Collection.skip(オフセット:数値):コレクション

• サポート終了：ミニプログラム、クラウド機能、Web

• 7.2 パラメータ

  オフセット: 数値

  7.3 パラメータ

  コレクション

  7.4 サンプルコード

  指定されたクエリが結果を返す場合、指定されたシーケンスの後の結果から返されます。これはページングによく使用されます。

• db.collection('todos').skip(10)
    .get()
    .then(console.log)
    .catch(console.error)
  

   注意点と詳細

•