ホームページ  >  記事  >  WeChat アプレット  >  WeChatミニプログラムクラウドサービス構成の詳細説明

WeChatミニプログラムクラウドサービス構成の詳細説明

WBOY
WBOY転載
2022-05-27 11:53:557129ブラウズ

この記事では、WeChat ミニ プログラム に関する関連知識を提供します。主に、クラウド開発プロジェクトの作成と使用、クラウド環境の構築、クラウド サービスのテストなど、クラウド サービスの詳細な構成を紹介します。以下でそれらを見てみましょう。皆さんのお役に立てれば幸いです。

WeChatミニプログラムクラウドサービス構成の詳細説明

[関連する学習に関する推奨事項: 小さなプログラム学習チュートリアル]

現在、クラウド ネイティブは非常に人気があり、多くのパートナーが次のように述べています。私たちはフロントエンド分野にいますが、これにはクラウドネイティブが関係していますか?もちろん!今日は、クラウド ネイティブの最も簡単な側面を紹介します。それは、WeChat アプレット開発におけるクラウド機能クラウド ストレージです。

クラウド開発プロジェクトの作成と使用

WeChatミニプログラムクラウドサービス構成の詳細説明

##AppID を入力します
  • 作成するミニ プログラム クラウド開発を選択します
  • #成功すると、インスタンスが表示されます
  • #先ほど作成したクラウド サービス プロジェクトのテスターに​​次のエラーがあります
    WeChatミニプログラムクラウドサービス構成の詳細説明

  • クラウド環境の構築WeChatミニプログラムクラウドサービス構成の詳細説明
上のクラウド開発をクリックしてくださいクラウド開発をアクティブ化するには

  • 環境の作成を開始します
    WeChatミニプログラムクラウドサービス構成の詳細説明
  • 環境名のカスタマイズ
    WeChatミニプログラムクラウドサービス構成の詳細説明[OK]をクリックして 30 秒待ちます
  • ビルドは成功しました
  • 成功直後は使用できません。以前のエラーがまだ存在します
    WeChatミニプログラムクラウドサービス構成の詳細説明使用するには 10 分待ってください
  • エラー後が消えたら、現在の環境に接続します (構成した Demo1 を選択してください)

  • クラウド サービスをテストしますWeChatミニプログラムクラウドサービス構成の詳細説明
  • 1. openid を取得します (ローカル ログイン クラウド関数をアップロードします)

クリックして openid を取得します。初めてクリックするとエラーが報告されますWeChatミニプログラムクラウドサービス構成の詳細説明

  • #右-ログイン フォルダーをクリックして作成してデプロイします
    WeChatミニプログラムクラウドサービス構成の詳細説明

  • #成功すると、クラウド開発/クラウド機能で確認できますWeChatミニプログラムクラウドサービス構成の詳細説明
    WeChatミニプログラムクラウドサービス構成の詳細説明
  • openid を再度確認すると確認できます。

  • WeChatミニプログラムクラウドサービス構成の詳細説明1.1 デプロイメント ログイン ファイルを作成します。エラーが発生した場合は、

を作成できます。クラウド関数

WeChatミニプログラムクラウドサービス構成の詳細説明

# にログインし、再度アップロードして上書きします。
  • #2. sum 関数をカスタマイズし、デプロイメントを作成します
    WeChatミニプログラムクラウドサービス構成の詳細説明
  • [新しいクラウド関数] をクリックします

  • クラウド関数の合計を作成


    WeChatミニプログラムクラウドサービス構成の詳細説明

  • クラウド関数のindex.jsを次のコードに変更します


    WeChatミニプログラムクラウドサービス構成の詳細説明

    // 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数exports.main = async (event, context) => {
      const wxContext = cloud.getWXContext()
    
      return {
        // event,
        // openid: wxContext.OPENID,
        // appid: wxContext.APPID,
        // unionid: wxContext.UNIONID,
        sum:100
      }}
  • 同様にsumをデプロイします


    WeChatミニプログラムクラウドサービス構成の詳細説明

  • クリックしてクラウド機能をテストします


    WeChatミニプログラムクラウドサービス構成の詳細説明

3. 写真をアップロードします

  • クリックして写真をアップロードします
    WeChatミニプログラムクラウドサービス構成の詳細説明
  • アップロードは成功し、クラウドに直接アップロードされます
    WeChatミニプログラムクラウドサービス構成の詳細説明
  • クラウド開発コンソール/ストレージでイメージ情報を表示できます (イメージのネットワーク アドレスを直接使用できます)
    WeChatミニプログラムクラウドサービス構成の詳細説明

4 . フロントエンド操作データベース

  • クラウド開発コンソールを開く
  • #コレクション (データベース) の作成
    WeChatミニプログラムクラウドサービス構成の詳細説明
  • ##コレクションにデータを追加(データの更新、データの削除、データの表示はすべて同じ操作です)

  • WeChatミニプログラムクラウドサービス構成の詳細説明
  • 上記のコメント コードのコメントを解除します
  • クリックして新しいレコードを追加します

  • WeChatミニプログラムクラウドサービス構成の詳細説明
  • データをコレクションに追加するには

  • WeChatミニプログラムクラウドサービス構成の詳細説明
  • 1 はシステム自体によって作成された ID
  • #2 はシステム自体によって作成されたユーザー情報の openid
  • ##3 はコード内の情報です
  • 5. インスタント メッセージングのデモ

##コレクション名をチャットルームに追加します

  • ##拡張コンパイルの設定
    WeChatミニプログラムクラウドサービス構成の詳細説明
  • 複数アカウントの有効化デバッグ
    WeChatミニプログラムクラウドサービス構成の詳細説明
  • 数量の選択
    WeChatミニプログラムクラウドサービス構成の詳細説明
  • 確認後、チャットにログインできます
    WeChatミニプログラムクラウドサービス構成の詳細説明
  • [関連する学習の推奨事項:
  • ミニ プログラム学習チュートリアル
  • ]

以上がWeChatミニプログラムクラウドサービス構成の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。