質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Google Cloud Platform

Google Cloud Platformは、Google社がクラウド上で提供しているサービス郡の総称です。エンドユーザー向けサービスと同様のインフラストラクチャーで運営されており、Webサイト開発から複雑なアプリ開発まで対応可能です。

Google API

Googleは多種多様なAPIを提供していて、その多くはウェブ開発者向けのAPIです。それらのAPIは消費者に人気なGoogleのサービス(Google Maps, Google Earth, AdSense, Adwords, Google Apps,YouTube等)に基づいています。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

0回答

898閲覧

GCP visionAPIをnode.js環境で使えるようにしたいのですが、エラーが出ます、、、

hideh

総合スコア0

Google Cloud Platform

Google Cloud Platformは、Google社がクラウド上で提供しているサービス郡の総称です。エンドユーザー向けサービスと同様のインフラストラクチャーで運営されており、Webサイト開発から複雑なアプリ開発まで対応可能です。

Google API

Googleは多種多様なAPIを提供していて、その多くはウェブ開発者向けのAPIです。それらのAPIは消費者に人気なGoogleのサービス(Google Maps, Google Earth, AdSense, Adwords, Google Apps,YouTube等)に基づいています。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2020/08/06 15:15

前提・実現したいこと

node.jsでgoogle cloud platform のvisionAPIを導入し、画像から文字抽出をしたいと考えております

発生している問題・エラーメッセージ

Unhandled Rejection (Error): {"servicePath":"vision.googleapis.com","port":443,"clientConfig":{},"scopes":["https://www.googleapis.com/auth/cloud-platform","https://www.googleapis.com/auth/cloud-vision"]}You need to pass auth instance to use gRPC-fallback client in browser. Use OAuth2Client from google-auth-library. Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead. in div (at Vision.js:61) in Vision (at src/index.js:17)

該当のソースコード

javascript

1import React,{Component} from 'react'; 2 3async function quickstart() { 4 // Imports the Google Cloud client library 5const vision = require('@google-cloud/vision'); 6 7// Creates a client 8const client = new vision.ImageAnnotatorClient(); 9 10// Performs label detection on the image file 11const [result] = await client.labelDetection('./resources/dog.jpg'); 12const labels = result.labelAnnotations; 13console.log('Labels:'); 14labels.forEach(label => console.log(label.description)); 15} 16class Vision extends Component{ 17 18 render(){ 19 return( 20 <div> 21 {quickstart()} 22 23 24 </div> 25 ); 26 } 27} 28 29 30export default Vision;

試したこと

GCP(google cloud platform)のドキュメントを見て進めました。
https://cloud.google.com/vision/docs/quickstart-client-libraries?hl=ja

react形式でvisionAPIを使いたいため、そのようなコードになっています

認証方法がAPIキー、OAuthなどありますが、自分はOAuthの方でやっていると思います(APIキーの方が簡単だと思うのですが、ドキュメントをあまり理解できませんでした)
リンク先のクイックスタート(始める前に)の部分は設置できているとは思っています。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問