ホームページ  >  記事  >  WeChat アプレット  >  WeChat ミニ プログラムの開発手順の簡単な紹介

WeChat ミニ プログラムの開発手順の簡単な紹介

黄舟
黄舟オリジナル
2017-05-07 13:31:282590ブラウズ

WeChat アプリケーション アカウント (ミニ プログラム、[アプリケーション アカウント] の新しい名前) がついに登場しました!アプリケーション アカウントの最終的な形式がどのようになるかは誰もが気になるのではないでしょうか? [サービスアカウント]を[ミニプログラム]に変換するにはどうすればよいですか?

アプリケーションアカウントの開発を開始する前に、公式の[ミニプログラム]チュートリアルをご覧ください! WeChat ミニ プログラム開発会社である Yingqu Technology は、WeChat ミニ プログラムの最初の作成を案内し、携帯電話でのミニ プログラムの実際の効果を体験します。

1. WeChat アプレット開発用の AppID を取得します

まず、このドキュメントが表示されている場合は、アカウントを招待して作成する必要があります。サービス アカウントまたはサブスクリプション アカウントの AppID を直接使用することはできないことに注意してください。提供されたアカウントを使用して WeChat 公式 Web サイトにログインすると、Web サイトの [設定] - [開発者設定] で WeChat アプレットによって開発された AppID を確認できます。

2. プロジェクトを作成します

ミニプログラムの作成とコード編集を完了するには、開発者ツールを使用する必要があります。開発者ツールインストールが完了したら、それを開き、WeChat を使用して QR コードをスキャンしてログインします。 「Create [Project]」を選択し、上記で取得したAppIDを入力し、ローカルプロジェクト名(アプレット名ではありません)を設定し、コード格納ディレクトリとしてローカルフォルダーを選択し、「New Project」をクリックします。

3. コードを書く

開発者ツールの左側 ナビゲーション にある [編集] をクリックすると、このプロジェクトが初期化され、いくつかの簡単なコード ファイルが含まれていることがわかります。最も重要で不可欠なものは、app.js、app.json、app.wxssです。このうち、.js サフィックスはスクリプト ファイル、.json サフィックスは設定ファイル、.wxss サフィックスはスタイル シート ファイルです。 WeChat アプレット開発では、これらのファイルを読み取り、アプレット インスタンスを生成します。

4. ページを作成します

このチュートリアルには、インデックス ページとログ ページの 2 つのページがあります。つまり、ウェルカム ページとミニ プログラム起動ログの表示ページです。これらは両方ともページ ディレクトリにあります。 WeChatミニプログラム開発における各ページの[パス+ページ名]はapp.jsonのpagesに記述する必要があり、pages内の最初のページがミニプログラムのホームページとなります。

5. モバイルプレビュー

開発者ツールの左側のメニューバーで[プロジェクト]を選択し、[プレビュー]をクリックして、コードをスキャンしてWeChatクライアントで体験します。現在、プレビュー機能とアップロード機能はまだ利用できないため、WeChatからの次の公式アップデートを待つ必要があります。

WeChat が提供する公式開発ガイドは、まだ非常にシンプルであるため、多くの詳細、コード、機能が明確に表示されていないため、開発者は特定の WeChat アプレット開発手順を注意深く検討して実装する必要があります。

以上がWeChat ミニ プログラムの開発手順の簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。