cerberusrei

Files

~~index.html~~ home.html: latest version of index page
index-gd.html: index page for old version which access file on Google Drive

Google cloud console

User type = External
Test user: Add google e-mail of the account which is allowed to use this app.
- This is required if we add restricted/sensitive scope into OAuth.

Scopes

Add …/auth/drive.metadata for updating metadata like custom properties

Credentials

OAuth 2.0 Client IDs

Authorized JavaScript origins:
- Add public one. e.g. https://cerberusrei.github.io
- Add local one if we need to test on local. e.g http://localhost
Authorized redirect URIs
- Add public one. e.g. https://cerberusrei.github.io/
- Add local one if we need to test on local. e.g. http://localhost:8080/
  - Without this, we won’t be able to switch/login accounts on local

API Keys

Set an application restriction
- Choose “None” for local testing
- Choose “Website” for public one
API restrictions
- Choose “Google Drive API”

SEO

Use Google rich results tool to test
Add following content as index.html if home page is not in root path ``` <!DOCTYPE html>

Yosakoi album - Redirecting | よさこい写真 - ダイレクト中

If you are not redirected automatically, follow this link.

- For Google to index the page when the domain is not managed by self, add verified html file generated from Google Search Console by "URL prefix" to root.
  - google422183c2a0685f14.html is generated by cr@g
  - googlef1b9c8c479944f0e.html is generate by crjp@g
- Google Search Console -> Sitemaps -> Add new sitemap (not sure if it is necessary or not)
  - Currently, it seems not work due to bug of Google.

### Firebase functions
In order to make SEO work, not being impact by contents loaded dynamically by JavaScript, we write functions to:
- Replace "canonical" before returning to client.
- Rewrite URL from {host}/index.html?fileId={fileId} to {host}/{fileId}

#### Details
- Deploy "rewriter" app for rewriting canonical link in order to generate unique value directly instead of by client side scripts.
- Change resources(*.js, *.css, *.html) paths from relative to absolute since URL for SEO does not start from root.
- Move static resources from root into functions directory since ~~index.html~~home.html need to be loaded by the app.
- **If static page exists, the routing configuration will not work for that, so we must rename index.html to other file name.**

Configuration files are:
- filebase.json: rewrite URL from *?fileId={fileId} to /album/{fileId}
  - We need to add `{"source": "/sitemap.xml","destination": "/sitemap.xml"}` into `hosting.rewrites` node 
    and `{"source": "/sitemap.xml","headers": {"key": "Content-Type","value": "application/xml"}]}`
    into `hosting.headers` node so the file can be served as static resource with correct content type.
- index.js: 
  - Update canonical link based on file ID to generate unique link for each album.
  - Redirect requests sent to root with specific fileId to /album/* path.

#### app info
Run command `firebase functions:list`

Output

┌──────────┬─────────┬─────────┬─────────────┬────────┬──────────┐ │ Function │ Version │ Trigger │ Location │ Memory │ Runtime │ ├──────────┼─────────┼─────────┼─────────────┼────────┼──────────┤ │ rewriter │ v2 │ https │ us-central1 │ 256 │ nodejs18 │ └──────────┴─────────┴─────────┴─────────────┴────────┴──────────┘ ```

Log explorer

https://console.cloud.google.com/logs/query?authuser=1&inv=1&invt=AblZqg&project=linen-sun-367015 or use firebase functions:log command

Artifact repository

https://console.cloud.google.com/artifacts?invt=AbldJA&authuser=1&project=linen-sun-367015

How to deploy

Latest release is using Google Firebase

Go to project
Run firebase deploy --only functions,hosting instead of firebase deploy
- because we need functions, and we put static resources into functions directory.