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

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

WBOY
リリース: 2022-05-27 20:59:41
転載
7171 人が閲覧しました

この記事では、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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート