0

私はvuejsを使用していますが、クライアントサイドではほとんどすべてを使用していますが、URLが存在するかどうかを確認するためにサーバ側に電話する必要があります。ほぼ静的なサイトからのクロスドメイン要求の呼び出し

ブラウザからこれらのリクエストをしたくないのです。私のスクリプトから別のウェブサイトをフェッチするのは意味がありません。バックグラウンドでユーザーが知らないと悪いウェブサイトを呼び出すようなものです。コールクラウド関数(gce)またはawsラムダ(私はそれが単なるapi呼び出しを持っているので、私はそれをサーバー上でサイトをホストしたくないので)。

それを達成するための最良の方法だろう何を、私はウェブサイトのようなものを探していますがwww.webapp.com/checkUrl

答えて

2

www.webapp.comとクラウド機能の呼び出しで使用すると、AWSプラットフォームを選択した場合は、S3、CloudFrontをを使用することができ、Route53、 API GatewayとLambdaを使用して目標を達成します。

STEP01

  • S3バケットを作成し、静的なWebは、S3のプロパティ
  • からあなたのバケツにホスティングを有効にお使いのフロントエンドvueJsコード
  • をアップロード
  • CloudFrontの分布を作成しCloudFrontのオリジンを作成します。あなたのs3バケットURLを指して(あなたはs3バケットの静的なウェブサイトのURLを追加する必要があります)
  • デフォルトの動作を設定しますS3のorginのIDを指して

ステップ02

  • (GET/POST)を指し、あなたのラムダ関数

  • APIゲートウェイ

  • 新しいリソースを追加作成を作成します。あなたのラムダ

  • は、バックCloudFrontの分布に

  • ゴーあなたのAPIを展開し、行動]タブでは、あなたのAPI Gatewayの

  • を指しているの起源を追加し、例えば新しい動作を作成します(/checkUrl)とのOriginIdを指すようにAPIゲートウェイ

ステップ03

  • 後藤Route53 Dドメインの設定でホストされたゾーンのNSレコードを設定し、新しいホストゾーン
  • を作成
  • 新しいレコードセットを(例えば:www.webapp.com)を作成し、CloudFrontの配信
  • 更新しますCloudFrontののDNSを指すように流通の代替ドメイン名をwww.webapp.com
+0

にありがとうございます。これは私にとって良いことですが、これについて知りたいと思います。 aws無料の証明書もプラスです:) –

+1

@SumitMurariそれは品質の答えをupvoteすることをお勧めします。彼らはさらに多くの質問に答えるように勧めます。これがうまくいくならば、答えを受け入れることも考えてください。 –

+0

@RumeshEranga私は通常、同じことを欲しがっていますが)まだ試してみませんでした。あなたはそれに何がありますか? –

関連する問題