Meteor(ミーティア)のインストール/アプリ作成/ローカル環境で公開(Windows10)

Webアプリケーションとモバイルアプリケーションを開発するためのフルスタックJavaScriptプラットフォームである「Meteor(ミーティア)」をインストール/アプリ作成/ローカル環境で公開するまでを解説しています。

■PC環境

・Windows10、Administrator(管理者)アカウント

・Chocolatey バージョン0.10.15(インストールに関してはこちら

■インストールする

ウインドウを閉じた後に、新しいアプリケーションを作成するために、Windows10のデスクトップ画面の検索ボックスで「コマンドプロンプト」と入力します。

入力すると、「最も一致する検索結果」に「コマンドプロンプト」が表示されますので、こちらをクリックします。クリックすると、コマンドプロンプトを起動します。

choco install meteor

起動後、上記のコマンドを入力し、Enterキーを押します。

Chocolatey v0.10.15
Installing the following packages:
meteor
By installing you accept licenses for the packages.
Progress: Downloading meteor 0.0.5… 100%

meteor v0.0.5 [Approved]
meteor package files install completed. Performing other installation steps.
The package meteor wants to run ‘chocolateyinstall.ps1’.
Note: If you don’t run this script, the installation will fail.
Note: To confirm automatically next time, use ‘-y’ or consider:
choco feature enable -n allowGlobalConfirmation
Do you want to run the script?([Y]es/[A]ll – yes to all/[N]o/[P]rint):

Enterキーを押すと、パッケージのインストールが開始されます。しばらくすると、「Do you want to run the script?([Y]es/[A]ll – yes to all/[N]o/[P]rint):(スクリプトを実行しますか?([Y] es / [A] ll-yes to all / [N] o / [P] rint):)」と質問されますので「Y」を入力し、Enterキーを押します。

Chocolatey v0.10.15
Installing the following packages:
meteor
By installing you accept licenses for the packages.
Progress: Downloading meteor 0.0.5… 100%

meteor v0.0.5 [Approved]
meteor package files install completed. Performing other installation steps.
The package meteor wants to run ‘chocolateyinstall.ps1’.
Note: If you don’t run this script, the installation will fail.
Note: To confirm automatically next time, use ‘-y’ or consider:
choco feature enable -n allowGlobalConfirmation
Do you want to run the script?([Y]es/[A]ll – yes to all/[N]o/[P]rint): Y

Removing exising Meteor installation with installer
=> “C:\Users\Administrator\AppData\Local\Package Cache\{e2d162ba-d521-4ab7-89c0-bcddd6010381}\InstallMeteor.exe” /uninstall /quiet
Downloading meteor 64 bit
from ‘https://packages.meteor.com/bootstrap-link?arch=os.windows.x86_64’
Progress: 100% – Completed download of C:\Users\Administrator\AppData\Local\Temp\chocolatey\meteor\0.0.5\meteor-bootstrap-os.windows.x86_64.tar.gz (247.55 MB).
Download of meteor-bootstrap-os.windows.x86_64.tar.gz (247.55 MB) completed.
Extracting C:\Users\Administrator\AppData\Local\Temp\chocolatey\meteor\0.0.5\meteor-bootstrap-os.windows.x86_64.tar.gz to C:\Users\Administrator\AppData\Local\Temp\chocolatey\meteor\0.0.5…
C:\Users\Administrator\AppData\Local\Temp\chocolatey\meteor\0.0.5
Extracting C:\Users\Administrator\AppData\Local\Temp\chocolatey\meteor\0.0.5\meteor-bootstrap-os.windows.x86_64.tar to C:\Users\Administrator\AppData\Local…
C:\Users\Administrator\AppData\Local
***************************************

Meteor has been installed!

To get started fast:

$ meteor create ~/my_cool_app
$ cd ~/my_cool_app
$ meteor

Or see the docs at:

Meteor API Docs | Meteor API Docs

***************************************
The install of meteor was successful.
Software installed to ‘C:\Users\Administrator\AppData\Local’

Chocolatey installed 1/1 packages.
See the log for details (C:\ProgramData\chocolatey\logs\chocolatey.log).

Enterキーを押すと、インストールが開始され、完了となります。

■新しいアプリケーションを作成する

C:\>meteor create myapp

インストール完了後、新しいアプリケーションを作成するために、今回は「C:\」内にアプリケーションを作成するためにcdコマンドで移動し、移動後、上記のコマンドを入力し、Enterキーを押します。なお、今回は「myapp」というアプリケーションを作成します。

「myapp」というアプリケーションを作成しようとしましたが、「Loading package」で途中で作成のプロセスが中断し、なかなか進むことができませんでした。パッケージをロードするには時間がかかり過ぎる。海外でMeteorを使われているユーザーの中に同じような問題が発生しているのを確認できました(https://github.com/meteor/meteor/issues/11081)。

meteor create simple-todo

そこで、作成のプロセスを中断し、コマンドプロンプトを閉じてます。再度、上記のコマンドに入力し、Enterキーを押します。

Created a new Meteor app in ‘simple-todo’.

To run your new app:
cd simple-todo
meteor

If you are new to Meteor, try some of the learning resources here:
https://www.meteor.com/tutorials

When you’re ready to deploy and host your new Meteor application, check out Galaxy:
https://www.meteor.com/hosting

To start with a different app template, try one of the following:

meteor create –bare # to create an empty app
meteor create –minimal # to create an app with as few Meteor packages as possible
meteor create –full # to create a more complete scaffolded app
meteor create –react # to create a basic React-based app
meteor create –vue # to create a basic Vue-based app
meteor create –apollo # to create a basic Apollo + React app
meteor create –typescript # to create an app using TypeScript and React

Enterキーを押した後、しばらくすると、「Created a new Meteor app in ‘simple-todo’.(「simple-todo」 で新しいMeteorアプリを作成しました)」と表示され、新しいアプリケーションを作成することができました。

■ローカル環境/ローカルWebサーバーでアプリケーションを公開

C:\>cd simple-todo

作成後、上記のcdコマンドを入力し、作成したアプリケーションに移動するために、Enterキーを押します。

C:\simple-todo>meteor

移動後、上記のコマンドを入力し、Enterキーを押します。

Enterキーを押すと、「Windowsセキュリティの重要な警告」ウインドウが表示されます。「このアプリの機能のいくつかがWindowsDefenderファイアウォールでブロックされています」と書かれています。アプリの名前が「Node.js:Server-side JavaScript」となっています。

これを許可するために「パブリックネットワーク」のチェックボックスにチェックを入れ、「アクセスを許可する」ボタンをクリックします。

C:\simple-todo>meteor
[[[[[ C:\simple-todo ]]]]]

=> Started proxy.
=> Started MongoDB.
=> Started your app.

=> App running at: http://localhost:3000/
Type Control-C twice to stop.

クリックした後、コマンドプロンプトに上記のメッセージが表示されます。「App running at:」に表示されているURLをコピーします。コピー後、Webブラウザを起動させます。

起動後、WebブラウザのアドレスバーにコピーしたURLを貼り付けします。貼り付けた後にアクセスします。

アクセスすると「Welcome to Meteor!」と表示されます。これが表示されれば、ローカル環境でのテスト公開は完了となります。

コメント

タイトルとURLをコピーしました