WeChat アプレットを Qiniu Cloud にすばやく接続する方法

1 月 9 日、WeChat ミニ プログラムが正式にリリースされ、その謎のベールがついに明らかになり、開発者はミニ プログラムに対してさらに熱意を持っています。

ミニプログラムの一般的なアプリケーション シナリオから判断すると、それらは大きく 2 つのカテゴリに分類できます。1 つは金融銀行や保険会社のアプリなどの低頻度のアプリ、もう 1 つは O2O の訪問料理や家事アプリです。カテゴリとは、天気やエクスプレスクエリツール、リッチメディア情報アプリなど、頻繁に使用されるが機能がシンプルなアプリを指します。

さて、ミニプログラムの大きな勝者は誰でしょうか?ユニコーンレベルの WeChat ミニ プログラムを作成するには、開発者はミニ プログラムのアプリケーション シナリオと独自のビジネス ロジックの革新だけでなく、フロントエンドのユーザー エクスペリエンスの向上にも注力する必要があります。ミニ プログラムは、ミニ プログラムをサポートするバックエンドと密接に関連しています。エンド サービスは密接に関連しています。

ミニ プログラムをクラウドに接続する必要があるのはなぜですか?

現在、開発者はミニ プログラムの開発時に主に次の問題に遭遇します:

ミニ プログラムの公開サイズが制限を超えている

WeChat では公式にミニ プログラムの公開コードを 1MB までに制限していますが、実際の開発プロセスでは。 , 一般に、小さなプログラムには必然的に写真などのリッチ メディア ファイルが含まれ、これらのリッチ メディア ファイルが大量のストレージ領域を占有し、最終的にはアップロードされたプログラム パッケージ全体が制限を超えてしまいます。したがって、開発者は、コードに付属するリッチ メディア データをストレージ用のクラウドにアップロードして、ミニ プログラムを真に「小さい」ものにする必要があります。

ストレージ容量の不足

UGCをサポートする小規模なプログラムの場合、ユーザーは毎日大量のインタラクティブデータを生成し、独自のストレージサーバーの容量が不十分であるため、大量のデータを保存する必要があります。

ファイルの読み込み速度が遅い

大量のリッチ メディア データを含むミニ プログラムの場合、クライアントが使用するときに写真などのファイルの読み込みが遅いというユーザーからの苦情があります。データネットワークの高速化が必要です。

WeChat ミニ プログラムが内部テスト用にリリースされて以来、Qiniu Cloud はミニ プログラムの開発と適用に細心の注意を払ってきました。この記事では、ミニ プログラムを Qiniu にすばやく接続する方法を説明します。

Qiniu クラウド ミニ プログラム アップロード SDK

まず、リッチ メディア データのアップロードのニーズを満たすために、ミニ プログラムをクラウドに簡単にアップロードできるようにする必要があります。これにより、開発者はミニ プログラム アップロード SDK を保存できます。 WeChat アップロード インターフェイスを適応させる開発を行うには、カプセル化されたコードを追加するだけで済み、簡単にクラウドに移行できます。 WeChat ミニ プログラム SDK ガイドによると、アクセスするには次の 2 つの手順のみが必要です。

最初のステップ、基本的な準備

ミニプログラムにアクセスできるパブリックアカウント

Qiniu Cloudアカウントを登録し、スペースを作成します

Qiniu WeChatミニプログラムSDK

第2ステップ、ドメイン名情報を設定しますミニ プログラムの公式 Web サイト

WeChat パブリック プラットフォームにログインし、[設定] - [開発設定] に移動し、サーバー構成の下にある変更リンクをクリックします

uploadFile の法的ドメイン名を変更します (たとえば、中国北部の https アップロード アドレスは次のとおりです: https://up-z1.qbox.me、詳しいアドレス情報は公式文書をご覧ください)

ファイルをダウンロードしたい場合は、同時にdownloadFileの合法的なドメイン名をバケットのダウンロードアドレスとして設定する必要があります

設定を保存します

[注意] WeChatは現在、ドメイン名のホワイトリストの変更を月あたり3回のみに制限しています

3番目のステップ、ミニプログラムはアップロード機能にアクセスします

gpake/qiniu-wxapp-sdkwarehouseをクローンします:

git clone https://github.com/gpake/qiniu-wxapp-sdk.git

SDK ディレクトリで qiniuUploader を見つけ、アップロード機能を使用する必要があるページの qiniuUploader.js ファイルを参照します。サンプルコードは次のとおりです:

実行中のエフェクトのプレビュー

Qiniu に接続すると、ミニ プログラムは弾力性と簡単な拡張性、安全で可用性の高いストレージ スペース、および Qiniu を享受できるだけでなく、データ処理、データのアップロード、ダウンロードの高速化のためのワンストップ ソリューションを提供し、ミニ プログラムを十分に「小さく」しながら、ミニ プログラムのユーザー エクスペリエンスも向上させます。

WeChat アプレットを Qiniu Cloud に素早く接続する方法に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。