記事ディレクトリ
1 はじめに
大きなプロジェクトは【ChatGPT+UniAppアプレットのフルスタック開発】についてです.この記事はUniapp開発環境の構築と展開をまとめたものです.共有してくれたインストラクターに感謝します陶人超有料:
https://blog.csdn.net/weixin_37797592/article/詳細/127138438
2 ミニプログラムアカウントを登録する
WeChat パブリック プラットフォーム Web サイト ( https://mp.weixin.qq.com/ ) で、右上隅にある[今すぐ登録] をクリックします。
左下隅にあるアプレットを選択してクリックします
普通に情報を入力して登録するだけ公式アカウントに登録したメールボックスがアプレットの登録に使えない場合は注意 追加のメールボックスを用意する必要がある 一般的なgmail、QQ、Netease 126、163は全て利用可能
次に、プロンプトに従ってメールにログインし、リンクをクリックしてアクティブ化します
次に、コードをスキャンしてログインし、开发管理- 开发设置-开发者IDと入力して [生成] をクリックします。忘れずにキーをコピーして保存してください。
3 WeChat 開発者ツールをインストールする
WeChat 開発者ツールのダウンロード URL: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.htmlで、ダウンロードを見つけます。稳定版Stable Build
- Windows は、自分のコンピューターの状況に応じて 64 ビットまたは 32 ビットをインストールします。通常は 64 ビットです。
- macos Intel チップの場合は x64 をダウンロードし、M1 または M2 チップの場合は ARM64 をダウンロードします
作者はOSを使い、普通にインストールし、Windowsユーザー向けのデフォルトオプションでインストールし、インストールパスを変更することを忘れないでください。Cドライブをインストールしないでください。Cドライブをインストールしないでください。Cドライブをインストールしないでください。 Cドライブ
開いた後、コードをスキャンしてログインし、スムーズにインターフェースに入ります
4 Nodejs と HBuilderX をインストールする
HBuilderX は、DCloud が立ち上げた新しい Web 開発統合環境で、主にフロントエンド開発、バックエンド開発、モバイル アプリケーション開発に使用されます。HTML/CSS/JavaScript などのフロントエンド技術の開発をサポートし、PHP、Java、Node.js などのバックエンド言語の開発もサポートします。また、ハイブリッド アプリの開発と WeChat アプレットも提供します。開発機能。HBuilderX は、コード エディター、デバッガー、コンパイラー、バージョン管理などの複数の開発ツールを統合し、開発効率を大幅に向上させることができます。さらに、HBuilderX はプラグイン拡張機能もサポートしており、ユーザーはプラグインをインストールすることでさまざまな機能を拡張し、さまざまな開発ニーズを満たすことができます。
4.1 Windows ユーザーが Nodejs をインストールする
環境 ここでは、Nodejs のビルドを選択します。Nodejs のダウンロード URL: https://nodejs.cn/download/
自分の状況に合わせてダウンロードしてインストールできます
Windowsの環境設定は原文をご確認ください：https://blog.csdn.net/weixin_37797592/article/details/127138438
4.2 macos/linux ユーザーが Nodejs をインストールする
4.1同じようにWebサイトからダウンロードしてインストールするか、homebrewでインストールすることができます
# 安装node
brew install node
# 检查版本，若有返回版本号即安装成功
node -v
npm -v
関連するパス
# 查找homebrew的路径
brew list git
# homebrew路径
/opt/homebrew/
# 通过homebrew安装的软件的文件夹
/opt/homebrew/Cellar
# npm安装包存放的位置
/usr/local/lib/node_modules/npm
# npm全局下载模板的存放位置
/usr/local/lib/node_modules/npm/node_module
サーバーが海外にあるためnpm、ダウンロード速度に一定の影響があるため、ミラーソースを変更したり、インストールしたりできますcnpm
# 更换成淘宝源
npm config set registry https://registry.npm.taobao.org
# 使用cnpm工具取代npm：
npm install -g cnpm --registry=https://registry.npm.taobao.org
4.3 HBuilder X のインストール
HBuilder X の公式 Web サイト (https://dcloud.io/hbuilderx.html)にアクセスし、お使いのコンピューターに応じてダウンロード コンテンツを選択します。バージョンは公式バージョンである可能性があります。
5 プロジェクトを作成する
5.1 新しいプロジェクトを作成する
左上隅に文件- 新建-项目
選択してくださいuni-app、既製のテンプレートがたくさんあります。自分で選択することもできます
5.2 基本設定の実行
生成しuni-app应用标识、应用名称
写真によると、配置微信小程序AppIDを確認して入力することは、コピーされたIDの保存を申請する最初のステップです
6 HBuilderX 同期 WeChat 開発者ツール
6.1 サービスポートを開く
WeChat 開発者ツールを開く, 设置- 安全设置, 開く服务端口
6.2 WeChat 開発者ツールを呼び出す
HBuilderX に戻り运行ます运行到小程序模拟器。微信开发者工具
これで、HBuilderX は WeChat 開発者ツールを正常に呼び出し、同期を完了し、コンテンツの変更をリアルタイムで表示できるようになりました