Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
express-generatorで生成したテンプレートプロジェクトをTypeScript実装に置換|AWSでサーバレス化Node.jsAWSExpressTypeScriptサーバレスアーキテクチャ express-generatorで生成したテンプレートプロジェクトをTypeScript実装に置換|リファクタリングの続きです。 AWSド初心者がNode.js,Express,API Gateway,Lambdaを使ったサーバレスに挑む せっかくNode.jsを触りだしたので、AWSでサーバレスをやってみたい。 とは言え、自力で触った事があるのは、管理コンソールでEC2とS3の操作したぐらいしか。。。 AWS周りの環境設定は何も無い状態からスタートします。IAMユーザもありません。 まずはIAMユーザの作成からスタート。 IAMユーザ追加 1. IAM→ユーザ→ユーザを追加 2. ユーザ
Nodeを使って「Hello、World!」ページを表示するWebアプリのチュートリアル結構あるのですが、自分の経験でDBをアクセスするまでのチューロチアルが少ないということで、今回の記事のテーマは簡単にMongoDBに保存したデータを取得したり、MongoDBにデータを書き込んだりするWebアプリの手順を紹介します。 一、環境を構築 ステップ1:Node.jsをインストール node.js公式サイトをクリックして使われているOSを自動検知するから、インストールボタンを押すだけで済みます。 https://nodejs.org/en/ インストールファイルをダウンロードし実行して、Node.jsとよく使われているパッケージ・マーネッジャのNPMもインストールされます。 macの場合ではterminal、windowsの場合はcommand promptを開いて、webアプリを保存するdir
GoogleやAmazon、Twitterなどの会社は、自社サービスのAPIを公開しており、だれでも自由に使えるようになっています。APIを通すことでそのサービスの機能にアクセスでき、プログラムからの操作が可能になります。 ウェブサービスのプログラミングをしていると、ときにはAPIを利用する側ではなく、APIを作る側に回ることがあります。しかし、APIを作るのに慣れ親しんでいる人は、あまりいないと思います。 そこでこの記事では、Node.jsとExpressで簡単なWeb APIを作ってみて、「どんな感じなんだろう」「どうすればいいんだろう」といったことを掴んでもらいたいと思います。 Web APIとは APIってなんだろう Web APIを作る前に、そもそもWeb APIとはなんでしょうか。「Web」の「API」ということはわかりますが、「API」を具体的に説明しろと言われると、ちょっと
概要 この記事では Express Application Generator ツールを使用して「スケルトン」ウェブサイトを作成する方法を説明します。このツールには、サイト固有のルート、ビュー/テンプレート、およびデータベース呼び出しを追加できます。この場合は、このツールを使用して地域図書館ウェブサイト用のフレームワークを作成し、後でそのサイトに必要な他のすべてのコードを追加します。プロセスは非常に単純で、必要に応じてサイトのテンプレートエンジンと CSS ジェネレーターを指定して、新しいプロジェクト名を指定してコマンドラインでジェネレーターを呼び出すだけです。 次の節では、アプリケーションジェネレーターを呼び出す方法を示し、さまざまな ビュー/CSS オプションについて簡単に説明します。また、スケルトンウェブサイトの構造についても説明します。最後に、ウェブサイトを実行してそれが機能するこ
この記事はハンズラボ Advent Calendar 2018 4日目の記事です。 サービス開発チームで主にフロントエンド(Angular + ngrx)を担当しているhxrxchangです。 aws-serverless-expressについて 遊びでSPAを作る際のバックエンドを、もっと簡単作れないかなと思っていたとき、 potato4dさんのスライドで、aws-serverless-expressの存在を知りました。 node.jsのwebアプリケーションフレームワークであるExpressの書き方で、デプロイするとAPI Gateway + lambdaで動くという奇跡の代物です。 aws-serverless-expressの良さは上記のスライドに書いてあるので、触ってみて嵌ったところを共有させて頂きたいと思います。 AWS CLI 前提としてAWS CLIの設定が必要になります。
API Gatewayの設定を最小限にして、LambdaのREST APIを作成してみます。 制御をLambdaで行うことで、ヘッダーを動的にしたり、クロスサイトスクリプト(XSS/CORS)への対応も容易にでき、特にAPI Gatewayの知識が深くなくても扱えるようになると思います。 Lambdaの作成 API Gatewayと繋げるのが目的なので設定等は好きなようにしてください。 ただしコードの説明は後でするので「Node.js 8.10」で作成した方が分かりやすいとは思います。 API Gatewayを設定 Lambdaの設定画面のままトリガーの追加でAPI Gatewayを指定します。 "API"は"新規APIの作成"を指定し、あとはREST APIのURLになるので好きなように入力してください。 "保存"をすれば、API Gatewayの設定はこれで終わりです。 Lambdaを
サーバレスWebアプリケーションを手軽に構築 ※この記事は2017年のServerless Advent Calendarの記事として投稿したものです。そのため、AWS AmplifyとAPI Gatewayの組み合わせでの認証を交えた使い方を説明したものとなっています。 AWS Amplify + AWS AppSyncでの認証を交えた使い方などをお調べの方は、2018年のServerless Advent Calendarの記事として投稿したこちらの記事をご確認ください。 これまでの問題 WebアプリでCognito Identity Pool + Cognito User Poolを使う場合、複数のJSを読み込む必要がある API GatewayのIAM認証をしている場合、SignV4での署名が複雑になる API Gatewayで生成されるSDKを使ってリクエストをする場合、複数のA
Swaggerとは SwaggerとはREST APIのドキュメント記載に関するフォーマット仕様と、周辺ツールを指します。現在v2.0。(あと、Swagger v2.0がそのままOpen Api v2.0というのになったらしく、次のv3.0の議論はOpenAPI.nextブランチで行われているようです。) OAI/OpenAPI-Specification: The OpenAPI Specification Repository OAI/OpenAPI-Specification at OpenAPI.next 以下の記事が詳しいです。 swagger introduction - Qiita API Meetup Tokyo #15 〜OpenAPI Specification (Swagger) レポート | NTT Communications Developer Portal S
TypeScript + express-openapiでOpenAPI(Swagger)準拠のRESTful APIをつくる 仕事でOpen API(旧Swagger)について調べる機会があった。せっかくなのでNode.jsでOpen APIに準拠したRESTful APIをつくろうと思う。 今回はexpress-openapiというフレームワークを使う。Express.jsを拡張し、スキーマのバリデーションをしてくれたり、コードを管理しやすくしてくれたりする。また、標準でTypeScriptをサポートしているので、チーム開発にも向いている。 使う環境やフレームワークは以下のとおり。 Node.js: 6.10.2 TypeScript: 2.2.2 express: 4.15.2 express-openapi: 0.35.0 Open API とは REST APIやSOAP、Ope
ども、@kimihomです。 API に関する基礎的な話で、なぜ API が重要なのか、APIの実装で注意する点について記述した。 今回はAPI開発において最も頭を悩ます、認証の問題について考えてみたい。 API における認証 よくあるログインが必要なページを考えてみていただきたい。 通常のWebアプリケーションであれば、Cookieという仕組みを使って毎回Webサーバーにアクセスするときにsession idというものを送信し、それとユーザー情報を紐付けたデータを取ってくることで、どんなユーザーからリクエストが来たのかをWebアプリケーション側で判断することができる。これにより、私たちはいつも閲覧しているWebアプリケーションが自分専用の画面として見れるようになっている。 これがAPIになると話は違ってくる。Cookieという仕組みが使えないのである。ということで、なんとかしてAPIにア
WEBサービスを実現する場合、フロントエンドからバックエンドのAPIサーバにアクセスすることが多いと思いますが、バックエンド側がまだ開発途中であったりすると、代替としてNode.js等でスタブのアプリケーションを作ったり、または固定のJSONファイルを作ったりと、割と手間がかかってしまいます。 今回、ためしに AngularJS の ngMockE2E を利用して、擬似的なAPIサーバを構築してみたので、その方法を紹介します。 前提 Yeomanで構築したAngularJS開発環境が前提です。 $ yo angular --minsafe そうすると、次のように ngMockライブラリが最初から入ってます。 参考:Yeoman で AngularJS & UI Bootstrap の開発環境構築 別途 ngMockライブラリをインストール場合も、Bower を使えば簡単にできます。 $ b
WEBサービス作るにはサーバのAPIと連携しないと意味ないよねってことで、勉強がてら作成してみたメモです。 [2014/3/15追記] この例はHTMLページとAPIが同一サーバの場合です。APIが別サーバの場合は、JSONPを利用する必要があります。 [2014/4/13追記] 非同期での通信や、応答に時間がかかるAPIなどを考えると、ngResource を利用した方が良いみたいです。続編を書いたのでこちらを参照 ⇒ AngularJS でAPIをコールし結果を取得するサンプル② [2014/5/11追記] さらに続編を書いたのでこちらを参照 ⇒ AngularJSでAPIをコールし非同期で画面を更新する 作成したデモページ [API発行]ボタンを押すと、APIコールでJSONファイルを取得して結果をTABLEに表示します。 http://hkusu.github.io/Angular
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く