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

ミニ プログラムは主要プラットフォームに依存しており、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/yarn 管理をサポート;

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

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

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

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

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

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

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