JS Framework
Ionic
Ionicアプリテンプレートで始める方法|開発者向けガイド
12 分
アプリテンプレートからionicプロジェクトを開始する はじめに このセクションでは、ionicテンプレートを使用して開始し、back4appを使用する準備を4つのステップで学びます。 前提条件 このクイックスタートを完了するには、次のものが必要です: https //code visualstudio com/download (またはお好きなweb ide)。 https //ionicframework com/getting started/ back4appで作成されたアプリ。 次の https //www back4app com/docs/get started/new parse app をフォローして、back4appでparseアプリを作成する方法を学びます。 1 テンプレートを取得する テンプレートをダウンロードして、プロジェクトフォルダーにファイルを解凍します。次のコマンドラインを使用して行うことができます https //github com/back4app/ionic quickstart example $ curl lok https //github com/back4app/ionic quickstart example/archive/master zip && unzip master zip 2\ 解凍したフォルダーに移動し、次のコマンドラインを使用して依存関係をインストールします $ cd ionic quickstart example master && npm install 2 プロジェクトテンプレートを開く visual studio codeを開く。 「 フォルダーを開く フォルダーを開く 」をクリックする。 3\ プロジェクトフォルダーに移動し、「 ok ok 」をクリックする。 4\ visual studioが開くのを待つ。 3 アプリの資格情報を設定する アプリの資格情報を設定するために、文字列の値を更新します。parse javascript sdkは、これらの設定を使用してback4appサーバーに接続します。そのために、次の手順に従ってください ホームのtypescriptファイルを開く /src/pages/home/home ts /src/pages/home/home ts 2\ あなたのアプリダッシュボードに移動します https //www back4app com/ 3\ アプリの設定に移動します サーバー設定 サーバー設定 > コア設定 コア設定 ブロック > 設定 設定 4\ あなたの home ts home ts ファイルに戻り、あなたの アプリid アプリid と javascriptキー javascriptキー を貼り付けます。 詳細は、私たちの https //www back4app com/docs/get started/new parse app をご覧ください。 4 接続のテスト ブラウザでアプリを実行します。 $ ionic serve 1\ ブラウザで新しいタブが開くまで待ちます。 私 は、電話フレームでページを見るために、 f12 f12 を押してください。 2\ https //www back4app com/ にログインします。 3\ アプリを見つけて、 ダッシュボード ダッシュボード をクリックします。 4\ コア コア をクリックします。 5\ ブラウザ ブラウザ に移動します。 すべてが正常に動作すれば、次のように「 インストール インストール 」というクラスを見つけることができるはずです。 完了! この時点で、ionicアプリの始め方を学びました。