腾讯雲微架 (WeDa)低コード入門: ゼロ基礎手部分が微信小プログラムの開発を教えてくれます

自分で小さなプログラムを開発したいのですが、びっしりとしたコード、複雑なインターフェース配置、そして前後の連携を見ると頭が大きいのでしょうか?

以前は、プログラミングが分からないのは確かに目を見張るしかなかった。しかし今、テンセント雲は自分で実子級の道具を出しました。

WeDa低コード開発プラットフォーム

。最大のメリットは次のとおりです

自然にテンセントの自分のwechatの生態を通しました。

。マイクロレター開発者ツールを研究する必要はなく、自分でサーバーやデータベースを作る必要もなく、ドメイン名やSSL証明書も気にしない。

今日は抽象的な話はしません。あなたのマイクロレターとパソコンとお茶を用意して、私は手であなたをゼロから持って、直接あなた自身のマイクロレターの小さなプログラムをドラッグして配置します。

第一段階: 戦場に入り、マイクロインタフェースを認識する

コンピュータブラウザは腾讯雲公式サイトを開き、「マイクロコードWeDa」コンソールを検索した。

初めて使用する場合は、体験版を選択することができます (通常は無料の額があり、練習や開発が十分に使えるようになっています)。

「アプリケーション管理」-> 「新規アプリケーション」をクリックし、「新規空白アプリケーション」を選択して名前を付けます。例えば、私の最初のローコードアプレットですアプリケーションタイプは「アプレット」を選択します。

クリックしてアプリケーションに入ると、非常に快適なビジュアルエディタが表示されます。

中のボタンに驚いてはいけません。私たちはそれを三つの主要な領域に分けました

左側: コンポーネントライブラリ (あなたの部品箱)。テキスト、画像、ボタン、入力ボックス、リストなどが入っていて、何かが直接マウスで真ん中にドラッグする必要があります。

真ん中: キャンバス。ここはリアルタイムプレビューエリアです。左に何か部品を引きずって入ってきたら、途中にリアルタイムで携帯電話に表示されます。

右側: プロパティパネル (ドライバー)。中央の部品を選択すると、右側でサイズ、色、余白、または結合データを調整できます。

第二段階: 核心的な基礎: 「データモデル」を使ってクラウドデータベースを構築する。

小さなプログラムを開発して、きれいなインタフェースだけではだめで、データを保存しなければならない。例えば、今日は「従業員の意見フィードバック/収集プログラム」をご案内します。ユーザーが提出した意見はどこに保存されていますか?

データモデル

。

マイクロでは、SQL文を理解する必要はなく、データベースを作るのはExcelの表を遊ぶように簡単です。

エディタの左側をクリックして「データモデル」タブページ (通常は小さな表のようなアイコン) に切り替えます。

「新規データモデル」をクリックして、意見フィードバック表といいます。

「フィールドを追加」をクリックして、Excelのように3つの列を追加します。フィールド1: 名前はフィードバック者名、タイプは「単一行テキスト」を選択します。フィールド2: 名前は連絡先電話と呼ばれ、タイプは「電話番号」を選択します (システムは自動的にフォーマットチェックを手伝ってくれます)。フィールド3: 名前はフィードバック内容と呼ばれ、タイプは「複数行テキスト」を選択します。

保存して公開をクリックします。OK、あなたのクラウドデータベースとバックエンドインタフェースは、バックグラウンドで自動的に作成され、溶接されています。

第3次

セグメント: ドラッグしてバインドし、5分間でインタラクティブなインタフェースを作成します

データベースができました。キャンバスに戻って、フロントインタフェースを作ります。

1.フォーム画面の構築

左側のコンポーネントライブラリで、「フォーム」カテゴリを見つけます。

ドラッグして入力しないでください。マイクロには「フォームコンテナ」という神器があります。「フォームコンテナ」を真ん中の携帯電話のキャンバスに直接ドラッグします。

このフォームコンテナを選択すると、右側のプロパティパネルが表示されます。「データソース」の欄で、私たちが作成したデータモデルである意見フィードバック表を選択します。

奇跡が起きた: マイクロはあなたのデータベースのフィールドを自動的に識別し瞬時に携帯電話の画面に「フィードバック者名」、「連絡先電話」、「フィードバック内容」の3つの入力ボックスが自動的に生成され、下部の「送信」ボタンまで用意されています!

2.潤色インタフェース (直男審美を拒絶する)

デフォルトのインタフェースはあまりにも斎だと思いますか?

一番外側のページを選択し、右側のプロパティバーで背景色を淡いグレーに変更します。

フォームコンテナの上で、左側のコンポーネントライブラリから「画像」コンポーネントをドラッグします。右側に素敵なBannerバナーをアップロードします。

もう一つの「テキスト」コンポーネントをドラッグして、サイズを大きくし、太くして、「貴重な意見を提出してください」と書いた。マージンを少し微調整すると、大きな工場レベルの美しいフォームインタフェースが出てきます。

第四段階: ワンタッチで調整し、データを本格的に動かす

インターフェイスができました。どうやってユーザーに「提出」をクリックさせたとき、データは本当に先ほどのExcelの表に入っていますか?

実は、さっき「フォームコンテナ」でデータソースをバインドしたとき、マイクロアセンブリはデフォルトで論理を書いていました。テストしてみましょう

エディタの右上にある「プレビュー」ボタンをクリックします。

飛び出したシミュレータで、本当のユーザーのように、あなたの名前、電話を入力して、吐槽を書いた。

下部の「送信」ボタンをクリックすると、ページに「送信成功」というメッセージが表示されます。

このとき、プレビューをオフにして、左側の「データモデル」に戻って、あなたの意見フィードバック表をクリックして、「データ管理」タブページに切り替えます。

見たか?さっきシミュレータに記入したデータは、きちんと表に横たわっています! GetInstance () やwx.request() のような前後の連調コードを書いたことがありません。

第五段階: 究極の通関 -- オンラインからマイクロレターへの配信

以前は、開発したアプレットを公開するには、マイクロレター開発者ツールのダウンロード、パッケージのエクスポート、監査のアップロード、正当なドメイン名の設定が必要でした。しかし、マイクロでは、腾讯は自宅の通路を完全に貫通し、発表には2歩しかかからない。

最初のステップ: あなたのマイクロメッセンジャーのアカウントをバインドします

マイクロコンソールの設定で「アプレットのライセンス」をクリックし、管理者としてのマイクロレターでコードをスキャンします。あなたが事前にマイクロレター公衆プラットフォームで申請したアプレットのアカウントをバインドします。

ステップ2: ワンクリックで公開する

マイクロエディタに戻り、右上隅の「公開」をクリックします。

選択

配信ルートは「マイクロメッセンジャー」で、バージョン番号は1.0.0を記入し、更新ログ「初期バージョンオンライン」を書いた。

「OK」をクリックしてください。マイクロレターはクラウドで直接あなたの可視化インタフェースをマイクロレターの基礎となるネイティブコードにコンパイルし、自動的にマイクロレターの公式に提出して審査する。

通常、個人のホームページや簡単な収集類のアプレットは、公式審査に数時間から1日しかかかりません。審査が通過すると、中国全土の十数億人のマイクロレターのユーザーは、検索やスキャンを通じて、自分で作ったこの小さなプログラムを直接開くことができるようになりました。

まとめ

腾讯雲微架の真髄は、複雑なソフトウェア工事を「つづりの高い積み木」に変えたことにある。あなたは業務ロジックを整理するだけで、残りの汚い仕事はすべてプラットフォームが基礎で処理します。

この「データモデルフォーム容器」の論理を熟したら、「リストコンポーネント」に参加してアイテムの展示をしたり、「権限管理」に参加して企業内部管理をしたりすることができます。ゼロ基盤はもはや障害ではなく、アイデアがあれば、今日の午後、スタック開発者になることができます。