フロントサーバレスになぜ注意を払いますか？

私たちはたくさんの話したことをサーバレス概念やシナリオが、繰り返しが記載されることはありません。-一般的に言って、サーバレスは、すべての基本的なリソースとパッケージの操作や保守作業のためである含蓄を開発者がビジネスロジックに集中することができます。（著@Aceyclee）

これら二つの記事推奨読書の基礎を完了します。

円の角度からこの記事で、地球トークサーバレスへのより多くの方法。

我々は確かに彼らは家事を実現し、あなた自身の食事を調理するために少しやった話、流行時に自宅から仕事、について話容易ではない、あなたが必要とする：鍋を購入する食べ物を買うために、食品加工、稚魚は、調理、皿洗い最後。

それは非常にソフトウェア開発のような音はありませんか？あなたは、クラウドサーバーを持っているバックエンドの開発、フロントエンドの開発だけでなく、運用、保守を必要としています。

私は、あなたはその素敵なを食べることができ、シャベルの下に2を回すことができる場合は、と思います。

偶然、あなたは、きれいな成分は、プロのシェフを指して、あなただけのシャベルまたは2に変わり鍋の準備ができて助けにこのサービスを提供するために、いくつかの企業がありますが、あなたはグルメ料理を調理することができます！そして、料理を行います。

基本的なリソースと運用・保守（鍋やフライパン、食品加工）が心配する必要はありませんしながら、ソフトウェア開発者に該当するには、開発者は、ビジネスロジック（クッキング）に焦点を当てる必要があります。

そして最後に、時間の正式な再開に、あなたは、自分のために料理アイドルに新しいキッチンを購入する必要はありません。あなたは昨日支払ったときにキッチンは、より良いよりも充電しない場合は、家庭でも使用することができ、商業地区で素晴らしい経験を思い出します。

ねえ、また、サーバレスの場合は、その動作電荷に展開する場合にのみハイドロのような課金機能に応じました。

だから、戻ってタイトルに、サーバレスクラウドコンピューティング技術自体は、なぜ注意を払う、フロントエンド技術ではありませんフロントサーバレスにそれ？

答えは簡単です - 生産力の解放。

あなたのキッチンは、すべての台所用品と良い食材に対処する準備ができている、あなたは今だけ角を回って、深刻な加熱調理についてなる食品のブロガーを気にする必要があります。開発者はビジネスロジックに集中することができ、基礎となる操作や保守作業の他のリソースは、すべての良いパッケージされている - 温首相はそれが最初であると述べました。

▎Talkはあなたのコードを表示し、安いです。

サーバレスに基づく文書が構築docsifyみんなの存在を与えるデモを

リリースコードdocsifyアップロードを完了するだけでなく、3分間のデモは、また、アプリケーションや構成テンセントクラウドオブジェクト・ストレージ・COSリソースが含まれています。そして、これは単にサーバレス、始めるためにそれの高い視認性を使用してビルドアプリケーションへの私の最初の時間です。

オリジナルリンク：「ピットへの3分はすぐに個人的なブログを作成するために、北Docsify +サーバレスフレームワークを指します。」

さらに、我々はFullstackアプリケーションを示しています。既存のコミュニティでのプロジェクト@サーバレス/テンセント発現すると@サーバレス/テンセント・ウェブサイトのコンポーネントが完了します。

以下は、図の依存関係の簡単な組立です。

コンポーネントの依存構造

実行するのに必要なすべての手順開始する前にnpm install -g serverlessコマンドを、グローバルインストールserverless cli。

1.準備

新しいプロジェクトディレクトリfullstack-application-vue、この新しいプロジェクトディレクトリ内、apiおよびdashboardディレクトリ。その後、追加serverless.ymlして.env次のように設定ファイルは、プロジェクトのディレクトリ構造は次のとおりです。

├── README.md       // 项目说明文档
├── api                   // Restful api 后端服务
├── dashboard           // 前端页面
├── .env                    // 腾讯云相关鉴权参数：TENCENT_APP_ID，TENCENT_SECRET_ID，TENCENT_SECRET_KEY
└── serverless.yml  // serverless 文件

2.バックエンドサービスの開発

ディレクトリを入力しapi、追加しapp.jsたファイルを、書き込みexpressルートを追加する最初のサービスコード、/および現在のサーバー時刻を返します。

const express = require('express')
const cors = require('cors')
const app = express()

app.use(cors())
app.get('/', (req, res) => {
  res.send(JSON.stringfy({ message: `Server time: ${new Date().toString()}` }))
})
module.exports = app

3.開発のフロントページ

このケースは、の使用であるVue.js+ Parcelあなたは、このようなVue.jsの公式として足場プロジェクトのフロントエンドのいずれかを使用することができ、もちろん、フロントエンドのテンプレート、推奨VueのCLIをプロジェクトによって生成されます。入力しdashboardたディレクトリを、エントリのファイルを書き込みますsrc/index.js：

// 这里初始是没有 env.js 模块的，第一次部署后会自动生成
require('../env')

const Vue = require('vue')

module.exports = new Vue({
  el: '#root',
  data: {
    message: 'Click me!',
    isVisible: true,
  },
  methods: {
    async queryServer() {
      const response = await fetch(window.env.apiUrl)
      const result = await response.json()
      this.message = result.message
    },
  },
})

3.設定

フロントおよびリア側のコードは、簡単な構成の準備ができている、とserverless.ymlのファイル：

name: fullstack-application-vue

frontend:
  component: '@serverless/tencent-website'
  # inputs 为 @serverless/tencent-website 组件的输入
  # 具体配置说明参考：https://github.com/serverless-components/tencent-website/blob/master/docs/configure.md
  inputs:
    code:
      src: dist
      root: frontend
      hook: npm run build
    env:
      # 下面的 API服务部署后，获取对应的 api 请求路径
      apiUrl: ${api.url}

api:
  component: '@serverless/tencent-express'
  # inputs 为 @serverless/tencent-express 组件的输入
  # 具体配置说明参考：https://github.com/serverless-components/tencent-express/blob/master/docs/configure.md
  inputs:
    code: ./api
    functionName: fullstack-vue-api
    apigatewayConf:
      protocol: https

4.展開

展開すると、単純に実行serverlessあなたがの展開を参照する必要がある場合には、当然のことながら、ライン上でコマンドをDEBUG情報を、だけでなく、追加する必要があり--debug、次のように、パラメータを：

$ serverless
# or
$ serverless --debug

最後に、端末はなりbalabalabala~緑色の参照done行を。

経験：オンラインデモ

それはフルスタックであるので、どのように少しはデータベースにそれを読んでいましたか？

：元会場の読者は読み続ける「フルスタックサーバレスコンポーネントベースのソリューションを」

これらの二つの小さなプロジェクトから既に解決策を持っている - サーバレスなニュアンスは、すべての基本的な資源と包装運用・保守作業の開発者はビジネスロジックに集中できるようにするということです。

▎裏に書かれました

貴重の説明における主な問題の質問は、実際には、本当にいなくても、フロントエンドの出現の問題を解決するために、コンセプトのサーバレスのフロントエンドではない、それは実際には、クラウドコンピューティングに必要なプロセスの開発です。

同様に、基本となる言語の開発動向は間違いなくハイレベルの言語です。高レベルの言語は確実に基盤となるハードウェアからパッケージ化されます、プログラマがコーディング上のハードウェアの状態、フォーカスを心配する必要はありません。

10年前、上級プログラミングは非常に難しい課題である、と今基本プログラミングコースが行われています。実際には、プログラミング言語の開発ので、そのためのプログラミングは、より友好的になってきています。

同様に、ソフトウェア開発でサーバレス出現と改善は、より友好的になります。唯一のフロントエンドサーバレスに注力する必要がない、それはアプリケーション開発者のすべてのタイプに属していてもよいです。

これは、バックエンドにそれを排除するのだろうか？そしてません！

それは、より多くのバックエンドのビジネス・ロジック、何かもっと専門のデータ処理、アルゴリズム戦略に焦点を当てされます。

自動車の登場は御者ドライバ、技術の変化は、エンジニアも成長するとなっていましょう。

ポータル：

GitHubの：github.com/serverless

公式サイト：serverless.com

ようこそ：サーバレスの中国ネットワーク、することができますベストプラクティスにサーバレスで複数のアプリケーションを開発するための経験！

推奨される読書：「サーバレスアーキテクチャ：原則から、プロジェクトの戦闘に設計されています。」