目次
ミニプログラム入門
WeChatアップルは、WeChatチームが立ち上げたWeChatフレームワークに基づく開発ツールです。WeChat自体が確立した開発システムを使用します。MVVMのアーキテクチャコンセプトに従います。開発者にとって便利なだけでなく、wxml、wxss、jsなどの開発言語もあります。また、プログラムの実行環境も提供します。一度開発すれば、Android端末とIOS端末の両方を使用できます。日常の多端末適応、運用、保守の手間を省きます
ミニプログラムの特徴
- 無料インストール
- 開いて使用する
- WeChatソーシャルの利点を利用してすばやく共有できます
- 商人に力を与え、店内サービス、顧客想起、会員カードクーポンポイントなどの便利な機能を提供します
ミニプログラムアプリケーション
- 食品業界
- 政府産業
- 小売業界
- 郵便業界
- トラベル
ミニプログラム設計仕様
ミニプログラムの設計は、4つの主要な原則に従います
- フレンドリー
- ハイライト
- フレンドリーなリマインダー
- 団結する
ミニプログラム動作仕様
- 誘発された共有なし
- WeChatとの競合は許可されていません
- データの販売はありません
- カテゴリとコンテンツは一貫している必要があります
ミニプログラムの登録
WeChatパブリックプラットフォームを介して登録すると、個人、企業、政府などのいくつかのカテゴリがあります。カテゴリが異なれば、資格もアップロードする必要があります。
ミニプログラムのリリース
最初にエクスペリエンスバージョンを送信する必要があります。他のユーザーを招待して体験してもらい、レビューのためにエクスペリエンスバージョンを送信できます。WeChatは1〜7営業日でレビューします。
映画ウィークリーウォッチプロジェクト実際の戦闘
リンゴの役割を紹介するアバウトページ、最新の映画写真を紹介するカルーセルページ、リストページ、歴史的な映画の3ページに分かれています。
プロジェクトを作成する
するvieweeklyという名前の空白のフォルダを作成し
、小さなプログラム開発ツールを開いて、先ほど作成した空のディレクトリを選択し、新規をクリックして
については、ページについての私たちの最初のページを作成し、ページのフォルダを右クリックし、新しいフォルダを作成する
中aboutフォルダーを右クリックして、新しいページを作成します
。aboutの4つのファイル、つまりabout.js、about.json、about.wxml、about.wxssが自動的に作成され
、ページのナビゲーション構成がapp.jsonに自動的に追加されます。
{
"pages": [
"pages/about/about"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle": "black"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
aboutのwxmlにテキストタグを追加し、hello、worldと入力します
<!--pages/about/about.wxml-->
<text>Hello,World!</text>
シミュレーターでプログラムの効果を確認できます。
テキストにスタイルを追加したり、wxssでスタイルを定義したりすることもできます。
/* pages/about/about.wxss */
.info {
font-weight: bold;
font-size:24px;
}
wxmlにスタイル参照を追加する
<!--pages/about/about.wxml-->
<text class="info">Hello,World!</text>
シミュレーターの最新のエフェクト
コースのアドレス。
指導形式は「行うことを学ぶ」と呼ばれます。実際の戦闘形式です。これは、今日のコースの学習ノートです。