Entoverse

Reactのこと

2018-10-01から1ヶ月間の記事一覧

AWS Lambda Node.js 8.10 外部のCSVファイルを取得しJSONにして返す

AWS Lambda Node.js 8.10 CSV to JSON変換 csv-streamを使いました。 npm install csv-stream csvは下記のようなリスト 178634,0,0 コード var csv = require('csv-stream'); var request = require('request'); var options = { delimiter : ',', // defaul…

Lambda + API Gateway No 'Access-Control-Allow-Origin' header

下記のように、AWS API Gatewayで[CORSの有効化]をなんど試してもうまくいかない場合 Access to XMLHttpRequest at '*.ap-northeast-1.amazonaws.com/*' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-…

コンポーネント[インスタンスに名前]を付ける

下記のコンポーネントを作成します。 class TObject extends React.Component { state = { x: null } constructor(props) { super(props); } WriteLine(e1) { console.log(e1); } render() { return(<div />); } } export default TObject; Appコンポーネント内で、</div>…

非ビジュアルなコンポーネントで初期イベント発生

Reactでコンポーネントを作成し、イベントを発生させる。 コンポーネント側 import React, { Component } from 'react'; class TMyComponent extends React.Component { state = { api_id: 'xxxx', affiliate_id: 'yyyy', OnEvent1: null } constructor(prop…

S3 Static Web Site BASIC認証

AWS S3 Static Web SiteでBASIC認証したくていろいろ調べてたのですが、現時点(2018/10/18)ではできないようでした。調べていくと S3 + CloudFront + Lamda@Edgeでおなじようなことが実現とのことで試しました。 こんな感じでCloudFrontを使ってBASIC認証が…

AWS Lambda Node.js 8.10 + API Gateway

responseをreturnで返すと動いた。 const aws = require('aws-sdk'); var response = { statusCode: 200, body: JSON.stringify('Hello from Lambda!') }; exports.handler = async (event) => { // TODO implement let ddb_ = new aws.DynamoDB.DocumentCli…

aws lambda node.js 8.10 dynamodb

aws-sdkをrequire const aws = require('aws-sdk'); DynamoDB接続インスタンス作成 var dynamo = new aws.DynamoDB.DocumentClient({region: 'ap-northeast-1'}); scan実行 exports.handler = async (event) => { let dout = await dynamo.scan({TableName:'…

npm google アナリティクス

React Google Analytics Module React用 Googleアナリティクスのトラッキングコードを含めるために使用できるJavaScriptモジュールです。 現時点では、Reactコードは内部的に使用されていませんが、GAインストゥルメンテーションをプロジェクト間で標準化す…