関数計算へのアプリケーションの迅速な移行Next.js

まず記事が表示されますの下に、いくつかの重要な概念で導入されました：

関数の計算（関数計算）：関数演算関数を計算することによって、イベント駆動型のサービスでは、ユーザーがサーバの操作だけ書き込みコードやアップロードを管理する必要があります。機能は、コンピューティングリソースへの準備ができて計算し、伸縮性の実行ユーザーコードで、ユーザーが唯一の実行リソースが消費される実際のコードに応じて支払う必要があります。詳細関数演算  参照。
楽しい：楽しいが、サーバレスアプリケーションの展開をサポートするために使用するツールです、あなたは簡単に計算機能、APIゲートウェイ、ログインサービスおよびその他のリソースの管理を支援することができます。これは、リソース構成ファイル（template.yml）、あなたが開発するのに役立ち、ビルド、デプロイ操作です。もっと楽しくドキュメント  を参照。

注：このヒントは楽しいバージョン3.7.0以降が必要です。

背景

Next.js  のサービスフレームワークは、開発者が、次のページを頼る反応する、非常に容易にすることができ、DOMは反応だけができるように、同様に発現する、側レンダリングを反応し、統合Next.jsの高度集積自体はWebPACKのフレーム、バベルSSRは、独自のアプリケーションを構築するために反応して、開発者でも、ルーティング以前のように興味を持っようにする必要はありません。
Next.js高い集積度、我々は簡単にコードセグメンテーション、ルーティングジャンプ、ホットおよび更新サーバー側のレンダリングとフロントエンドのレンダリングを実装することができるように。

環境の準備

楽しさに応じて、第1、  インストールマニュアルの  マシンをインストールするには、ファンに記載の方法。
PS：この方法は、この資料に記載され、インストールドッカーを必要としない、あなただけの楽しみをインストールすることができ、最も簡単な方法は、直接実行可能なバイナリファイルをダウンロードすることです。
インストールが完了したら、インストールが成功したかどうか楽しい楽しい--versionチェックを実行することができます。

クイックスタート

1. 次はnextjs例に、ここでプロジェクトを作成します。

npm init next-app

1. 先ほど作成したサンプルプロジェクトに：

cd nextjs

1. ローカルテストでは、この例を実行します。

npm run dev 或者 yarn dev

結果は以下の通りであります：

1. コンパイルには、アイテムをnextjs：

npm run build

1. 関数計算にプロジェクトをデプロイします。
   コマンドのみ必要楽しい展開し、楽しみが自動的に展開プロセスに入りますが、このプロセスでは、ユーザーが唯一のプレスのシリーズは、Enterキーを押す必要があります。次のようにプロセスの詳細は以下のとおりです。

1. Fun 检测到这不是一个 Fun 项目，会提示协助创建（直接回车或者输入 y 即可）:
    ![20200313105720.jpg](https://intranetproxy.alipay.com/skylark/lark/0/2020/jpeg/200393/1584068254790-8f53c8aa-bcb5-4f91-9160-a028bbb9b13a.jpeg) 
2.     Fun 项目自动创建成功，提示是否进行部署？可以直接回车，或者输入 y 进行确认：
  ![20200313111040.jpg](https://intranetproxy.alipay.com/skylark/lark/0/2020/jpeg/200393/1584069057784-57021e01-287a-4169-9237-22a65984ced2.jpeg) 
3.  然后 Fun 会直接将应用部署到线上了。
    ![20200313111259.jpg](https://intranetproxy.alipay.com/skylark/lark/0/2020/jpeg/200393/1584069191767-2e544c50-a331-4dc3-9b45-f260f6447801.jpeg) 
部署完成后，我们可以根据部署成功的日志看到，函数计算为我们生成了临时域名 14069166-1986114430573743.test.functioncompute.com，我们可以通过这个临时域名直接访问我们刚刚部署的应用。
**注意：临时域名仅仅用作演示以及开发，是有时效的，如果用作生产，请绑定已经备案的域名，绑定自定义域名可以参考 [详情](https://statistics.functioncompute.com/?title=%E5%BF%AB%E9%80%9F%E8%BF%81%E7%A7%BB%20Next.js%20%E5%BA%94%E7%94%A8%E5%88%B0%E5%87%BD%E6%95%B0%E8%AE%A1%E7%AE%97&author=%E7%94%B0%E5%B0%8F%E5%8D%95&src=&url=https%3A%2F%2Fhelp.aliyun.com%2Fdocument_detail%2F90722.html)**

概要

この記事では、関数の計算にNext.jsアプリケーションをデプロイする方法について説明します。伝統的な展開方法と比較すると、だけでなく、それは、より複雑ですが、また、機械や他のステップの購入は省略されています。実装、伝統的なNext.jsは生産のために、リモート直接にローカル、ワンクリックで展開の開発が完了した後に適用され、音量、操作およびメンテナンスフリーの特性によって弾性伸縮、給料を持っています。

「アリババクラウドネイティブ懸念マイクロサービス、サーバレス、コンテナ、サービスメッシュ及び他の技術分野、クラウドネイティブ人気の技術動向を中心に、ネイティブの大規模な着陸の練習を曇らせるが、ほとんどは開発者のネイティブクラウド技術界を理解してください。」

オリジナルリンク
この記事Yunqiコミュニティのオリジナルコンテンツが許可なく複製することはできません。