私はソフトウェアの分野で新しいですどのように紺碧

Question

でJSON-サーバーをホストするために、私の質問や専門用語のミスと忍耐を持ってください。

前提： - 私はAngular4を使用してフロントエンド・アプリケーションを開発しました。角度適用のbaseURL定義は 'http://localhost:3000/'です。私のアプリケーションは、json-server（json-serverという名前のフォルダを作成し、db.jsonとパブリックフォルダを持っています）と対話するために、矩形のapiを使います。 json-server json-server --watch db.json

私のアプリケーションは完成していますので、私はプロダクションビルドを作成しました。その後、すべてのファイルをdistフォルダからjson-serverのパブリックフォルダに移動しました。 json-serverを起動すると、アプリケーションは正常に動作します。

実際の問題： - 今、私は青空でホストしたいと思っていました。私は単純にjson-serverフォルダからすべてのファイル/フォルダ（db.jsonとパブリックフォルダ）をそのままコピーし、空の雲に入れました。紺碧のホスティングが完了し、ブラウザでURLを開くと、「閲覧する権限がありません」というエラーが表示されます。

上記のエラーを修正するために、私はazureからすべてのファイルを削除し、次にdistフォルダのすべてのファイルをコピーして、それらを空の雲に置きました。これを使用して、ブラウザでアプリケーションを見ることはできましたが、画像は表示されませんでした。画像にエラーがあります - レスポンス：URL：0のレスポンス

ローカルでjson-serverを起動すると、すべて正常に動作しますが、同じWebページを他のマシンから開くと同じエラーが発生します。 URL：nullの場合は0：

URLにアクセスするとすべてのマシン/モバイルがエラーなしで適切なWebページを参照できるように、azurでjson-serverを実行する方法はありますか？ AzureのWebアプリケーション上でjson-serverを実行するためのステップに

Answer 1

ステップ：

1. がコンソール（Ctrlキー+でコマンドをブラウザを開き、アプリケーション・サービス・エディタ（https://<your-app-name>.scm.azurewebsites.net/dev/wwwroot/）

2. ランに行きますShift + C）

   npm install json-server --save-dev 
   

3. すべてのファイル/フォルダ（wwwrootフォルダにおよびパブリックフォルダ）

4. 次の内容

   const jsonServer = require('json-server') 
   const server = jsonServer.create() 
   const router = jsonServer.router('db.json') 
   const middlewares = jsonServer.defaults() 
   
   server.use(middlewares) 
   server.use(router) 
   server.listen(process.env.PORT,() => { 
       console.log('JSON Server is running') 
   }) 
   

5. クリック実行ます（Ctrl + F5）でserver.jsを作成し、これは自動的にweb.configファイルを生成し、中にあなたのウェブサイトを開きます。ブラウザ。

   

Answer 2

あなたは、静的なJSONファイルをREST APIをオフに仕えることができますモックサービス素早くセットアップに以下を使用することができます。

json-server

ジャスト（$のNPMが-g JSON-サーバーをインストール）NodeJSモジュールをインストールします。静的なjsonファイルを添付した形式で読み込み、JSONサーバー（$ json-server --watch db.json --port 3000）を実行します。