2016-12-06 14 views
1

は私がreact-native-webのアプリプロジェクトをサーバー側に配備する方法は?

私はちょうどenter link description hereに従うと、成功したウェブアプリのDEV版

enter image description here

を構築し、反応するネイティブ・ウェブのためにかなり新しいですが、私は上にこれらのコードを展開する方法を確認していません私のサーバは、共有ホスティングサーバサービスを使用しているので、プロジェクト用のコンポーネントをインストールすることはできません。ローカルにbundle.jsを構築する方法はありますか?jsファイルをサーバ側にアップロードできますか?

誰でもお手伝いできますか?

は、@ githubのを尋ねた:enter link description here

答えて

1

展開する方法は?同じ方法ですが、サーバーに入れます。 つまり、プロジェクトをサーバーにコピーし、コンソール./node_modules/.bin/webpack-dev-server-inlineで実行して、サーバーに実行中のアプリケーションをhttp://localhost:8080/に表示することができます。

外部からアクセスするには、 "localhost"を "nameOfYourServer"に置き換える必要があります。

もちろん、ローカルにインストールしたものすべて(npm install)をインストールする必要があります。

+0

共有ホスティングサーバーサービスを使用しているため、プロジェクトのコンポーネントをインストールできません。 ローカルにbundle.jsをビルドする方法はありますか?jsファイルをサーバー側にアップロードするだけですか? –

+0

プロジェクトをサーバにコピーし、 './node_modules/.bin/webpack-dev-server --inline'を実行すると、非常に読みやすいlive.bundle.jsになります。それほど望ましくない。 – Gijs

+0

環境変数PORT(Herokuのような)で指定されたポートを変更するには: ./node_modules/.bin/webpack-dev-server --inline ** - port $ PORT ** – Gijs

0

[OK]を、私はhttps://github.com/kauffecup/react-native-web-hello-world

からの手順に従ってください、私は、静的なファイルサーバーで使用できるWeb-バンドル褒めることでbundle.jsを作成することができます。

+0

私は興味がありますあなたの解決策。 'web-bundle'コマンドの意味は?私はそれを検索しようとしましたが、関連するものは何も見つかりませんでした。 – Gijs

+0

あなたがここで参照している例は、元の質問の中の別の例です。これは、反応ネイティブウェブではなく、リアクト「ノーマル」である。そして、Webバンドルは、この2番目の例の中で定義されたスクリプトです。それはあなたの元の質問に対する答えではありません。オリジナルは私が探しているものです。 – Gijs

+0

@ Gijs、おそらくあなたは反応ネイティブウェブバンドルで100%を構築し、あなたの勝利のバージョンを提供することができます –

関連する問題