Firebase Hosting的初步接通使用

提示：本文主要介绍的是Firebase Hosting的初步接入及读取静态图片资源

---

前言

需求：
因为要是用Firebase的Dynamic Link，并附有图片，需要一个网址来专门存储图片，所以想要使用Hosting来存储图片，当用户分享链接的时候的预览能够显示图片

---

一、安装Hosting

在Firebase官网下载Windows的二进制文件，这个文件要放在C盘，安装的时候会在放置的位置生成Hosting的对应文件。我的是Windows，下载的 firebase-tools-instant-win.exe文件

二、配置Firebase Hosting

1、初始化Firebase

在打开的firebase-tools-instant-win.exe的窗口中运行没有报错的情况下，可以运行firebase init命令，进行firebase的初始化，会自动生成一些文件，其中包括 firebase.json等等

2、登录Firebase

同样在这个窗口输入firebase login命令，会自动打开网站来获取你的Firebase项目登录权限，这里可能因为网络不稳定的原因导致登录失败，笔者是使用VPN软件接入的外网则必定登录失败，使用公司的WiFi接入的VPN就登录OK，不明白什么原因，猜测是网络波动之类的吧。

3、创建Hosting项目

继续在窗口输入firebase hosting:channel:deploy CHANNEL_ID
将CHANNEL_ID替换成任意没有空格的字符串来创建你的Hosting项目

4、部署Hosting项目

运行firebase deploy这时如果你默认他创建的文件目录，他会自动生成一个public目录，里面会有一个网页。这个public目录是在这一步生成还是第三步生成已经记不得了。。。这时你的Hosting已经创建完毕了

5、更改网页内容

进入public目录，里面的网页就是你的Hosting网页内容，对这个HTML文件进行更改，你的Hosting网页就会跟着更改，记得运行firebase deploy将更改上传即可

三、遇到的错误

1、运行二级制文件报错

在双击运行 firebase-tools-instant-win.exe文件的时候，显示错误：
running npm install results in the following error, npm ERR! Unexpected end of JSON input while parsing near
查了挺久的，好像是因为firebase的文件不完整，需要重新下载，进入C/Users/User_ID/.cache,这个文件夹里应该只有一个firebase文件夹，将整个文件夹删除，重新运行Firebase的二进制文件即可

2、没有项目权限

Failed to get Firebase project fbtest-5bb5c. Please make sure the project exists and your account has permission to access it.
不知道为什么，命名已经登录过了，并且显示了我链接了我的项目，但是当我部署的时候告诉我没有权限，所以需要重新登录，输入firebase login --reauth重新登录即可

3、无法获取图片

因为我的目的就是从网站上获取图片，但是居然获取不到，就很纳闷，后面查了好久，看到一个帖子给的是直接在他给的网站后面添加图片的地址即可：https：// your-project-name .firebaseapp.com / your-image .png

四、参考网站

官方文档
无法使用被托管的图片解决

总结

因为我的需求只是拉取到图片，所以对数据库等等的一些操作都没有，比较简单，上面的只是记录一下遇到的问题及解决方案，希望可以帮到一些人，如果有问题希望大家不吝指正！