2016-12-22 3 views
-1

я клонировал firebase образец здесьКак запустить firebase образец

https://github.com/firebase/quickstart-js

Я хочу, чтобы запустить этот пример, я попытался с itellij и gitbash но лань не работает

+0

В чем проблема? Вы читали файлы README в репозитории? – gior91

+0

Я читал прочитанное, он ничего не говорит о том, как запустить проект. – joel

+0

Это сборник из 4 примеров: auth, database, messaging и storage. Например, если вы хотите запустить пример «quickstart-js/messaging», [this readme] (https://github.com/firebase/quickstart-js/tree/master/messaging#firebase-cloud-messaging-quickstart) объясняет все, что вам нужно для его запуска (например, install node.js framework, установить firebase CLI из npm, настроить проект на консоли Firebase и т. д.). Поэтому, предполагая, что вы его прочитали, я спросил вас, в чем была ваша проблема в процедуре, чтобы уточнить. – gior91

ответ

7

пример

  1. сообщений Установите рамки Node.js (here ссылку на скачивание для вашей системы). Я покажу вам, как это сделать с Linux, но процедура должна быть одинаковой.
  2. Использование командной строки firebase CLI с использованием команды: npm install -g firebase-tools (может потребоваться sudo, если она не удалась).
  3. Тип firebase login. Это откроет ваш браузер и позволит вам войти в свою учетную запись Google.
  4. Скачать архив с git clone https://github.com/firebase/quickstart-js.git
  5. при входе в каталоге Repo cd quickstart-js
  6. Перейти к Firebase консоли here и затем Create new project
  7. В панели вашего проект нажмите на Add Firebase to your web application и скопировать яваскрипт кода, который побудил к вам.
  8. Открыть index.html в папке messaging и в строке 83 вставить код, скопированный с панели приборов.
  9. команда Тип firebase init в messaging папку, а затем ответить на вопросы, которые будут заданы вам:

    What Firebase CLI features do you want to setup for this folder? 
    --> Hosting: Configure and deploy Firebase Hosting sites 
    
    What file should be used for Database Rules? 
    --> Blank, it is not relevant for this example. 
    
    What do you want to use as your public directory? (public) 
    --> . 
    
    Configure as a single-page app (rewrite all urls to /index.html)? 
    --> y 
    
    File ./index.html already exists. Overwrite? 
    --> N 
    
  10. Команда Тип firebase serve -p 8081 (или любой другой свободный порт у вас есть)

  11. Перейти к http://localhost:8081/index.html
  12. Нажмите Request permission (регистрационный токен появится, если операция выполнена успешно)
  13. На другой вкладке перейдите к https://console.firebase.google.com/project/_/settings/cloudmessaging, выберите проект и сохранить ключ сервера (длинный один)
  14. Тип

    curl -X POST -H "Authorization: key=YOUR-SERVER-KEY" -H "Content-Type: 
    application/json" -d '{ 
        "notification": { 
        "title": "Portugal vs. Denmark", 
        "body": "5 to 1", 
        "icon": "firebase-icon.png", 
        "click_action": "http://localhost:8081" 
        }, 
        "to": "YOUR-IID-TOKEN" 
    }' "https://fcm.googleapis.com/fcm/send" 
    

    YOUR-SERVER-KEY заменяющий с ключом скопированного сервера и YOUR-IID-TOKEN строкой появилась here после нажатия на Request permission. Если все сделано правильно, появится соответствующее уведомление в local page в этой форме

    Received message: 
    { 
        "from": "xxxxxxxxxx", 
        "collapse_key": "do_not_collapse", 
        "notification": { 
        "title": "Portugal vs. Denmark", 
        "body": "5 to 1", 
        "icon": "firebase-icon.png", 
        "click_action": "http://localhost:8081" 
        } 
    } 
    

пример базы данных

Вам не нужно запускать firebase init, поскольку файл firebase.json уже присутствует и настроен в репозитории. Но если вы хотите использовать его, вы должны:

  1. Paste вам учетные данные (такие же предыдущего шага 7) в head разделе index.html страницы.
  2. Перейти к firebase панель -> ваш проект -> Аутентификация -> Метод проверки подлинности, и выберите метод, который вы хотите (электронная почта/пароль, Google и т.д.)
  3. В quickstart-js/database папке командного типа firebase serve и приложения будет загружен до this page.
  4. Перейдите на эту страницу и нажмите Sign in with Google, введите свои учетные данные и наслаждайтесь! :-)

Auth пример

Вам не нужно запускать firebase init, поскольку файл firebase.json уже присутствует и настроена в хранилище. Чтобы использовать его (я не пробовал) с Facebook, например, вы должны:

  1. Вставить свои учетные данные в facebook-credentials.html в head разделе
  2. В разделе script в конце этой страницы пасты <YOUR_FACEBOOK_APP_ID>
  3. Введите в поле quickstart-js/auth команду firebase serve и приложение будет загружено в this page.
  4. Перейдите на страницу localhost:5000 и нажмите Facebook Login using OAuth Credentials (via Facebook Login Button), чтобы войти в систему.

Если вы хотите использовать другие методы, которые вы должны будете изменить соответствующий файл таким же образом (facebook-popup.html, facebook-redirect и т.д.)

Не стесняйтесь спросить, если это не ясно.

+0

Благодарим вас за ответ. Мне нужно внести ясность на шаге 9, на что ответить (я выбрал хостинг, чтобы открыть страницу хостинга), можете ли вы показать мне, как запускать auth и databse. – joel

+0

Я попытался сделать то же самое с образцом базы данных, после того, как дал команду init firebase, он спрашивает, какой файл следует использовать для правил базы данных, что я должен здесь указать? – joel

+0

Я хочу специально запустить образец auth с помощью метода входа в систему по электронной почте, я выбрал логин пароля для входа в систему из списка значков – joel

Смежные вопросы