イオンのFirebaseファイルのアップロード＆コンデンサプラグインでVue 3ベータを使用して

4001 ワード
vue ionic webdev tutorial テキストリンク

概要


合成APIとFirebase Storageを使用してファイルアップロードを示すこと
私はイオンの統合の最新のベータ版を使用しているIonic Framework Web Components for Vue 3.私は例ではtypescriptを使用しており、単一のファイルコンポーネントを作成する際に、Vuejs Beta 3の新しいパターンに大きく依存しています.

組成API ビデオでカバーされるwhats


00 : 00イントロ
00 : 10 -アプリケーション機能の概要
02 : 35 Firebaseストレージのフォーカスアップロード組成APIフック
カメラアップロードホームページ
リストのアップロードをプルアップする
イメージ詳細パーム
16 : 50 -ストレージバケットからオブジェクトのリストを取得する
タブセットアップ
イメージ詳細ページ

ソースコード


/ アーロンフンダース


アップロードされたファイルをアップロードして一覧表示するFirebaseファイルの統合。FireBaseフックを使用した合成APIの作成


📺


FiuBaseのアップロードフック組成APIを使用してVue 3イオンキャパシタのサンプルアプリケーション（バージョン2）


updated 9/4/2020

  • Features: IonTabs, IonPage, IonToast, Capacitor Plugins Camera, GeoLocation, Firebase Storage, Page Routing, Page Parameters
  • YOUTUBE VIDEO - https://youtu.be/y2nP5OPJ6tk


カメラは、PWA /ウェブサイト/オンデバイスでの作業

  • は ionic-vue3-sample-2 を見ます
    • https://capacitor.ionicframework.com/docs/pwa-elements/


    タイプスクリプトの使用


    構成API機能のtypescriptを利用している

  • 全ての単一ファイル構成要素
    • のためのtypescriptを利用している

  • ストレージへのファイルアップロードのためのFirebaseの使用


    ファイルをアップロードしてリストするFireBaseファイルアップロード構成API機能は、ストレージ・バケット
    • です
  • あなた自身のfirebase設定ファイルを作成する必要があります.
    // .env.firebase.ts
const FIREBASE_CONFIG = {
    apiKey: "zebaayDI9wPgYFLRUd_07WB8ZVHPWowFm2w"
    authDomain: "fffffff.firebaseapp.com"
    databaseURL: "https://fffffff.firebaseio.com"
    projectId: "fffffff",
    storageBucket: "fffffff.appspot.com",
    messagingSenderId: "87HPWowFm2w999",
    appId: "1:00000031465:web:53a3bHPWowFm2wc6a38",
    measurementId: "G-aSyDI9wPjgY",
  };
  
  export default FIREBASE_CONFIG

    コンポーネントの構成パターンの使用


    バージョン

    Ionic:

   Ionic CLI
    ...
    • [WIL]9月1週間
    【leetcode】221. さいだい正方形ダイナミックプランニングほう