10 篇博文 含有标签「react」

有个需求是要将 React 专案 Deploy 在公司开发用的 Docker 上，简单写个笔记，以后有类似的需求可以直接复制贴上使用

放上一个测试用的 React 小专案到 Netlify，在 local 执行正常，在网页上点选连结也正常，但如果把连结记下来传给别人或直接重新整理页面都会变在 404

建立专案使用的是大家都在用的 Create React App，Router 用的是大家都在用的 React Router，好像不应该有问题才对

Firebase 系列文的第三篇，这篇文章会简单介绍如何使用 Firebase 的 Authentication 功能来管理会员帐号。

相信很多使用者都对网站的会员功能常有资安的疑虑，担心自己的帐密会不会被网站拿去做什么其他的用途， 事实上网站的开发者更讨厌去管理使用者的帐密，尤其是个资法有相当多的限制，对帐密这类的资讯是能不碰就不碰， 但网站有时不得不需要有会员的功能，这时第三方的会员帐号管理就很好用了。

而 Firebase 就提供 Authentication 的功能，简单的说就是网站不直接管理使用者的帐密，而是透过 Firebase (Google) 去管理，如果有资安的问题就是 Google 的问题，和网站无关

最近在替一个老旧的专案 UI 改版，原专案的 Dashboard 是前同事用手刻出来的，不意外的工程师的美感，现在的角度来看有多丑就有多丑。该专案用的 bootstrap 3，看起来最适合的是直接套用 AdminLTE 2

Firebase 系列文的第二篇，之前写过【如何在 React 专案中接收 Notification】，这篇文章有点像，只是不使用 cra-template-pwa，而是完全的只用 Firebase 提供的功能

简介 Firebase​

官网

Firebase 是 Firebase, Inc. 在2011年发布的行动和网路应用程式开发者平台，在 2014 年被 Google 收购，现在属于 google 的产品， 提供很多很有用的服务，像是

• Authentication (不需要伺服器端程式码，也能轻松验证及管理不同提供者的使用者)

一个需求，需要在原来的 React PWA 专案中增加接收讯息通知的功能，简单写了个笔记，因为需求较复杂了点，还会牵扯到 firebase，为了单纯起见，这篇文章仅仅介绍到 PWA 的 push 和 notification 部份

什么是 PWA​

全名：Progressive Web Apps，中文翻成「渐进式网路应用程式」，不过讲中文可能没有人听的懂

简单说这是 google 制定的一个标准，可能让你的 web 专案，看起来像是一个手机 App，它有两个核心

使用 iframe 是最直接的方法，在 youtube 影片点选右键，选「复制嵌入程式码」，可以得到像下面的这段程式码

<iframe width="640" height="360" src="https://www.youtube.com/embed/daVASrwlU9c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

把这段程式码贴进 React 可以运作，但是没有 RWD 的效果，google 了一下找到解法，不多废话，直接附程式码

facebook developers 有官方文件教学怎么在 html 页面增加 分享按钮

Share Button - Social Plugins - Documentation - Facebook for Developers

举例如果要在网页加入一个 的连结