今回は、WeChat Mini プログラム入門チュートリアルと事例の詳細な分析をお届けします。WeChat Mini プログラムを始める際の注意点は何ですか? 以下は実践的な事例です。
実際、ミニプログラムは、WeChatが公式に提供している20以上の基本コンポーネント（現在は26個あります）を整理して組み合わせ、ユーザーの操作に関するフィードバックを提供するCSSスタイルを追加することだと思います（公式の60以上を調整します） WeChat API によって提供されます）。 26 個の基本コンポーネント + 60 個のオープン API = 半日で完了できますね。 (以下のチュートリアルを注意深く進めるには半日あれば十分です)
最新バージョンのダウンロード リンク (ポータル) はこちらです - >WeChat Web 開発者ツールの最新バージョンのダウンロード アドレス
現在、WeChat アプレット開発ツールはクラックする必要がありません。必要なのは、WeChat をスキャンしてログインするだけです。開発ツールの場合、アプリケーション作成時にAPPIDなしで開発できます。 
多くの人はビデオ (CSDN アカデミーの WeChat ミニプログラム実践ビデオ) を見ることに慣れる必要があると考えるかもしれませんが、新しいことを学ぶときはビデオを見ないことをお勧めします。文書 (公式本人より優れている人は他にいますか?自分のことをよく知ってください!)、公式 Web サイトのアドレスは次のとおりです:
WeChat ミニ プログラム公式文書 (ポータル)
もちろん、によって編集された文書を読むことをお勧めします。 W3CSchool の考えは比較的明確です。 (別のポータル)
何かを学んだ後は、それを実践するのが最善の方法です。「WeChat ミニ プログラム:」 「The Unbelievable Sister」（簡易版）」をすべてのプロセスに従うことができれば、正常に開始できます。
まずレンダリングを見てください
このプロジェクトのアイデアがこの兄貴から借りていることがわかります
プロジェクトのスクリーンショットを見てみましょう
。ここでは特定のコードを投稿しません。プロジェクト全体をパッケージ化し、直接ダウンロードして使用します (デモをダウンロードするにはここをクリックしてください)。
私が使用しているアイコンはすべて Alibaba のアイコンフォントからダウンロードしたものです (これまで知らなかった場合でも、これは大きな利点です。使用するとわかります)。
上記の実践的な練習だけでは自分の可能性を刺激するのに十分ではないと思われる場合は、私が研究中に見つけたアイデアをいくつか紹介しますので、お役に立てれば幸いです。
1)、電卓
https://github.com/dunizb/wxapp-sCalc
2)、Douban Books
http://www.jianshu.com/p/c35084200470
3 ) 、モバイル モール
https://github.com/liuxuanqiang/wechat-weapp-mall
4)、天気
http://swiftcafe.io/2016/10/03/wx-weather-app/
5)、大気質クエリ
http://blog.csdn.net/yulianlin/article/details/52692066
6)、github クライアント
https://blog.zhengxiaowai.cc/post /weapp -demo.html
7)、Zhihu Daily
http://www.apkbus.com/forum.php?mod=viewthread&tid=268626&extra=page%3D1%26filter%3Dsortid%26sortid%3D12
上記のデモの作成者に感謝します。一緒に進歩しましょう...
オリジナリティを尊重し、転載する場合は出典を明記してください: 原文 もっと驚きを見る http: //blog. csdn.net/qq137722697
まず第一に、良い姿勢、 - WeChat アプレット開発はまさにそれです。必要なのは、CSS の基本を少しだけ (実際にはほんの少しだけ) だけです。
実際、ミニ プログラムは、WeChat が公式に提供する 20 以上の基本コンポーネント (現在は 26 個あります) を配置して組み合わせたものであり、フィードバックを提供するためにいくつかの CSS スタイルを追加すると思います。ユーザーの操作に合わせて調整できます（WeChat が公式に提供する 60 以上の API を調整）。 26 個の基本コンポーネント + 60 個のオープン API = 半日で完了できますね。 (以下のチュートリアルを注意深く進めるには半日あれば十分です)
最新バージョンのダウンロード リンク (ポータル) はこちらです - >WeChat Web 開発者ツールの最新バージョンのダウンロード アドレス
現在、WeChat アプレット開発ツールはクラックする必要がありません。必要なのは、WeChat をスキャンしてログインするだけです。開発ツールの場合、アプリケーション作成時にAPPIDなしで開発できます。
多くの人はビデオ (CSDN アカデミーの WeChat ミニプログラム実践ビデオ) を見ることに慣れる必要があると考えるかもしれませんが、新しいことを学ぶときはビデオを見ないことをお勧めします。文書 (公式本人より優れている人は他にいますか?自分のことをよく知ってください!)、公式 Web サイトのアドレスは次のとおりです:
WeChat ミニ プログラム公式文書 (ポータル)
もちろん、によって編集された文書を読むことをお勧めします。 W3CSchool の考えは比較的明確です。 (別のポータル)
何かを学んだ後は、それを実践するのが最善の方法です。「WeChat ミニ プログラム:」 「The Most Unbelievable Sister」（簡易版）」をすべてのプロセスに従うことができれば、正常に開始できます。
まずレンダリングを見てください
このプロジェクトのアイデアがこの兄貴から借りていることがわかります
プロジェクトのスクリーンショットを見てみましょう
。ここでは特定のコードを投稿しません。プロジェクト全体をパッケージ化し、直接ダウンロードして使用します (デモをダウンロードするにはここをクリックしてください)。
私が使用しているアイコンはすべて Alibaba のアイコンフォントからダウンロードしたものです (これまで知らなかった場合でも、これは大きな利点です。使用するとわかります)。
上記の実践的な練習だけでは自分の可能性を刺激するのに十分ではないと思われる場合は、私が研究中に見つけたアイデアをいくつか紹介しますので、お役に立てれば幸いです。
1)、電卓
https://github.com/dunizb/wxapp-sCalc
2)、Douban Books
http://www.jianshu.com/p/c35084200470
3 ) 、モバイル モール
https://github.com/liuxuanqiang/wechat-weapp-mall
4)、天気
http://swiftcafe.io/2016/10/03/wx-weather-app/
5)、大気質クエリ
http://blog.csdn.net/yulianlin/article/details/52692066
6)、github クライアント
https://blog.zhengxiaowai.cc/post /weapp -demo.html
7)、Zhihu Daily
http://www.apkbus.com/forum.php?mod=viewthread&tid=268626&extra=page%3D1%26filter%3Dsortid%26sortid%3D12
私はあなたを信じますこの記事の事例を読んでその方法をマスターした方は、さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。
推奨書籍:
node.js によるデータの MD5 暗号化手順の詳細な説明
Vue を使用して Amap を作成し、リアルタイム バス アプリケーションを構築する方法
以上がWeChatミニプログラム入門チュートリアル+事例の詳細分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
