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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Google Cloud Platform

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

Q&A

解決済

1回答

785閲覧

GCPのCloud Storageのデータを操作する方法

Khy

総合スコア118

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Google Cloud Platform

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

0グッド

0クリップ

投稿2019/06/03 21:35

Vue.jsとFirebaseを使用しております。

以前はCloud Storage for firebaseを使用していたのですが、画像の取得速度を改善するためにGCPのCloud Storageにデータを移し、そこからデータを取ってくるようにしました。

そうしたらどうやってファイルの削除やアップロードをすればいいのか分からなくなってしまいました。
firebaseのCloud Storageを使用していた時は以下のようなコードでファイルの削除を実装していたのですが、GCPのCloud Storageを使用する場合はどのようにしたらいいのでしょうか??

ヒントだけでも教えて頂けると助かります。よろしくお願い致します。

//ユーザーのアバターのURLをstrに代入 var str = this.currentUser.avatar; var storageRef = firebase.storage().ref(); var avatarRef = storageRef.child('avatar/' + str); avatarRef.delete() .then(() => { console.log('avatar deleted'); }) .catch(function(error){ console.log(error); });

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

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

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

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

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

guest

回答1

0

ベストアンサー

以前はCloud Storage for firebaseを使用していたのですが、画像の取得速度を改善するためにGCPのCloud Storageにデータを移し

えっと、Cloud Storage for firebaseのデータはGoogle Cloud Storage (GCP)に保存されますので、頑張ってデータを移しても保存先は同じです。
https://firebase.google.com/docs/storage/?hl=ja#how_does_it_work

Cloud Storage はファイルを Google Cloud Storage バケットに保存し、Firebase と Google Cloud の両方からアクセスできるようにします。

「画像の取得速度を改善するため」だけにそのようなことをするのは、実装の手間(※後述)を考えるとデメリットが大きすぎます(Firebaseのメリットが失われます)。

取得速度をどのように計測・比較して、どれぐらいの差があって、そのような考えに至ったのかわかりませんが、速度を気にするなら、まずはCloud Storageのリージョンを気にしましょう。
https://firebase.google.com/support/guides/locations?hl=ja#cloud-storage

firebaseのCloud Storageを使用していた時は以下のようなコードでファイルの削除を実装していたのですが、GCPのCloud Storageを使用する場合はどのようにしたらいいのでしょうか??

ヒントだけでも教えて頂けると助かります。

JSON APIを使うことになります。

例にあげてらっしゃる削除は次のあたりです。
https://cloud.google.com/storage/docs/json_api/v1/objects/delete

実装は公式のSDKを参考にすれば良いでしょう。
https://github.com/firebase/firebase-js-sdk/blob/6668b59e2fa495fcea42a24a6b24821407ee703f/packages/storage/src/reference.ts#L196

またFirebase Authenticationを統合するのであれば、自前で実装することになるかと思います。

面倒だと思いませんか?Cloud Storage for firebaseはSDKによって、その面倒な部分をシンプルなAPIでラップしてくれています。

投稿2019/06/04 06:56

xenbeat

総合スコア4258

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

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

Khy

2019/06/07 04:01

ご返信が遅くなってしまい申し訳ございます。 大変丁寧にご教授いただきありがとうございました。 プロジェクト作成時、リージョンの設定をしておりませんでしたので、プロジェクトを作り直しました。 またGCPの公開アクセスから取得したリンクを使用したところ速度も問題なく改善できました。 ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問