Add implicit init to the Stripe sample.

Change-Id: If100bf94e1df213a89459e479433950418943e37
8 years ago · bb4014c329
2 changed files with 13 additions and 7 deletions
--- a/stripe/README.md
+++ b/stripe/README.md
@ -25,7 +25,6 @@ To test this integration:
     firebase functions:config:set stripe.token=<YOUR STRIPE API KEY>
     ```
 - *Optional:* change your default currency `firebase functions:config:set stripe.currency=GBP`
- - Pass your Firebase project's javascript config (**Add Firebase to your web app**) to the `firebase.initializeApp` call in `public/index.html` 
 - Pass your [Stripe publishable key](https://dashboard.stripe.com/account/apikeys) to the `Stripe.setPublishableKey` call in `public/index.html`
 - Deploy your project using `firebase deploy`
 - Test your Stripe integration by viewing your deployed site `firebase open hosting:site`
--- a/stripe/public/index.html
+++ b/stripe/public/index.html
@ -3,8 +3,6 @@
  <head>
    <meta charset="utf-8">
    <title>Cloud Functions for Firebase (Stripe example)</title>
-    <script src="https://www.gstatic.com/firebasejs/3.6.4/firebase.js"></script>
-    <script src="https://cdn.firebase.com/libs/firebaseui/1.0.0/firebaseui.js"></script>
    <script src="https://js.stripe.com/v2/"></script>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <link rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/1.0.0/firebaseui.css" />
@ -99,11 +97,20 @@
        </div>
      </div>
    </div>
+
+    <!-- Import and configure the Firebase SDK -->
+    <!-- These scripts are made available when the app is served or deployed on Firebase Hosting -->
+    <!-- If you do not serve/host your project using Firebase Hosting see https://firebase.google.com/docs/web/setup -->
+    <script src="/__/firebase/3.9.0/firebase-app.js"></script>
+    <script src="/__/firebase/3.9.0/firebase-auth.js"></script>
+    <script src="/__/firebase/3.9.0/firebase-database.js"></script>
+    <script src="/__/firebase/init.js"></script>
+
+    <!-- Import Firebase UI -->
+    <script src="https://cdn.firebase.com/libs/firebaseui/1.0.0/firebaseui.js"></script>
+
    <script>
-      firebase.initializeApp({
-        /* TODO add your firebase config */
-      });
-      Stripe.setPublishableKey( /* TODO add your stripe publishable key */ );
+      Stripe.setPublishableKey( /* TODO: add your stripe publishable key */ );
      var firebaseUI = new firebaseui.auth.AuthUI(firebase.auth());
      var firebaseAuthOptions = {
        callbacks: {