パーソナル ミニ プログラム アプリケーション開発ガイド

ミニ プログラムは主要プラットフォームに依存しており、Alipay、WeChat、Toutiao、Baidu などのミニ プログラムはすべてプラットフォーム上で開発され、対応する技術サポートとユーザー環境を提供します。個人の開発者にとって、これは非常に便利で、トラフィック属性があり、拡散しやすいです。

便利な開発

---

私は最近、独自の小さなプログラムに取り組んでいるので、この記事全体でそれを要約します。すでに小さなプログラムを開発している場合は、この記事を読む必要はありません。

ミニプログラム開発は非常に便利で、公式ドキュメント WeChat Mini Program Documentation、Alipay Mini Program Documentation があれば、ローカルで実行することができます。表示するには、開発後にアップロードし、レビューを待つだけです。フロントエンドの基本を少しだけ理解すれば、独自の小さなプログラムを開発でき、アイデアのある学生が行動を起こすことができます。

開発中に問題が発生した場合は、 ミニ プログラム コミュニティ 、WeChat ミニ プログラム コミュニティで助けを求めることもできます。

は公式プロモーション用ではありません。独自のアプリケーションを開発したい場合、ミニ プログラムは簡単に開発でき、すぐにリリースでき、独自の配布機能も備えた迅速なソリューションです。 以下では、WeChat アプレットを選択して説明します。

WeChat ネイティブ ミニ プログラム開発

<!-- 项目目录结构 -->

|—— component               组件目录
|—— pages                   page页面目录
|   ......more dir           
|   |—— index               index页面
|   |  |—— index.js         index.js- js逻辑文件     
|   |  |—— index.json       index.json- json配置文件
|   |  |—— index.wxml       index.wxml- wxml页面结构
|   |  |—— index.wxss       index.wxss- wxss页面样式
|—— app.js                  全局js文件
|—— app.json                全局json配置文件
|—— app.wxss                全局样式文件
|—— project.config.json     项目配置
|—— sitemap.json            爬虫文件

プロジェクトをミニ プログラム開発ツールにインポートすると、開発を開始できます。ページを追加するには、新しいファイル ディレクトリをページ ディレクトリに直接追加します。具体的な詳細については、 WeChat ミニ プログラム ドキュメントを参照してください。

文法サポート:

• ライブラリの最新バージョンは現在、Es6/Es7 をサポートしています。 、async/await および Promise;

• 開発ツールはコードを Es5 構文に変換し、さまざまなモデルに確実にスタイルを適応させます;

• Part構文は vue および React に似ています。

コンポーネント サポート:

• テンプレート サポートを提供します。WeChat アプレット テンプレート ;

• コンポーネント カスタム コンポーネントのサポート。コンポーネント内にはライフサイクルがあります。コンポーネント カスタム コンポーネント;

APIサポート:

• Bluetooth、ネットワーク情報、コード スキャン、その他の API メソッドなど、カプセル化されたシステム ネイティブ メソッドを呼び出すことができます。

• 従来のメソッドストレージ、リクエスト、アニメーション、キャンバスなど。詳細については、WeChat ミニ プログラム API;

mini のネイティブ開発に加えて、をご覧ください。個人的には、Taro フレームワークは優れており、マルチターミナルの小規模なプログラム開発をサポートしていると思います

Taro 開発

---

# #Taro開発ドキュメント、Taro は WeChat/Baidu /Alipay/Toutiao ミニ プログラム、H5、React-Native を含むマルチターミナル開発をサポートしています。現在、私は WeChat ミニ プログラムと Alipay ミニ プログラム、H5 のみを使用および開発しています。 、他は試していません。

|—— config                              开发配置文件
|—— dist                                目标文件目录
|—— src                                 开发目录
|   |—— actions                         redux action文件
|   |—— constants                       常量文件
|   |—— pages                           page页面目录
        ......more dir
|   |   |—— index
|   |   |   |—— index.scss
|   |   |   |—— index.txs
|   |—— reducers                        redux reducers文件
|   |—— store                           redux store文件
|   |—— app.scss                        app全局样式
|   |—— app.tsx                         app全局js
|   |—— index.html                      html文件
|—— .editorconfig                       editor配置文件         
|—— .eslintrc                           eslint配置文件
|—— global.d.ts                         global配置
|—— tsconfig.json                       ts配置文件
|—— package.json
|—— project.config.json
|—— readme.md

文法サポート:

• ts 文法サポート;

• React 文法仕様;

• CSS プリコンパイラーの使用をサポートします;

• Es6/Es7 構文のサポート、更新された構文が必要な場合は、構成設定で構成できます;

コンポーネントのサポート:

• 反応コンポーネント開発ですが、最終的にはネイティブ アプレットにコンパイルされます;

npm パッケージ:

• npm/yarn 管理をサポート;

• 状態管理に Redux を使用可能;

API:

• ミニ プログラム API と H5 API を一度カプセル化すると、より便利です;

react ts npm package、基本 これはフロントエンド開発の通常のリズムです。どのような小さなプログラムを開発する場合でも、対応するコマンドを実行するだけで、同時に dist ディレクトリ ファイルを開発ツールにインポートして効果を確認できます。

taro とネイティブ ミニ プログラム

---

ネイティブ ミニ プログラム: すぐに始められます。フロントエンド開発に慣れてきた学生にとっては、すぐに始められるが、技術的な障壁がある。 #WeChat ミニ プログラム ドキュメント # のプログラミング。

Taro 開発: 反応構文の仕様、反応コンポーネントの開発、ts 構文のサポート、および redux のサポート。反応重視の学生に強くお勧めします。 React が好きな方は、Taro を使って開発することをお勧めします。 (チームコラボレーションが容易)。

ミニ プログラム開発の問題

WeChat ミニ プログラム Cookie は使用できません

WeChat ミニ プログラム非 HTTPS ドメイン名はサポートされていません

#WeChat ミニ プログラム

共有 API は同期操作であり、コールバックが成功したか失敗したかを監視することはできません# #WeChat ミニ プログラム

wx.setStorageSync および wx.getStorageSync の API は頻繁にエラーを報告します

WeChat アプレット

setData データの 1M 制限はデータ分割によって解決できます

WeChat Mini プログラム

メイン パッケージの制限は 2M なので、あまり多くの外部ファイルを導入することはできません (Taro を使用すると npm パッケージに依存します)

WeChat Miniプログラム

WeChat 開発ツールが CPU を占有しすぎ、コンピューターのラグが発生する

もちろん、問題はこれらに限定されるものではなく、ネイティブ コンポーネント、API、公式プラグなどの問題もあります。 WeChat ミニ プログラムのインなど。ここでは詳しく説明しませんが、独自のミニ プログラムを作成したい学生にとっては、基本的にはこれらで十分です。

でも、その枠組みはまだ議論されていないのではないかと疑問に思う人もいるかもしれません。実際、Tora を使用して小さなプログラムを開発する場合、小さなプログラムを作成するときに異なる構文を使用するだけで、最後にコマンド ツールがファイルをネイティブの小さなプログラムのファイル形式に変換します。

個人用アプリケーション

個人用アプリケーションの開発にどの方法を使用しても、最終的には製品自体に戻ることになります。テクノロジーを使用して、頭の中で個人的なアプリケーションを完成させ、ユーザーにアプリケーションを提供することが最終的な目標です。 (

技術は手段であり、製品は目的です

) ただし、私は個人的に開発に Taro を使用していますが、これは単なる好みです。 あまりナンセンスではありません。個人プロジェクトのソース コードがすべての人に役立つことを願っています

github: wxSapp 個人アプレットのソース コード

推奨チュートリアル: "

WeChat ミニ プログラム

"

以上がパーソナル ミニ プログラム アプリケーション開発ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。