Skip to content

Instantly share code, notes, and snippets.

@king-panda

king-panda/file0.txt

Last active June 17, 2020 12:09
Show Gist options
  • Save king-panda/9c8f68eaa95c009c58fdd37ad280cbd7 to your computer and use it in GitHub Desktop.
Save king-panda/9c8f68eaa95c009c58fdd37ad280cbd7 to your computer and use it in GitHub Desktop.
Download ZIP
【Firebase】Cloud Functions + Express + EJSで動的コンテンツを配信する ref: http://qiita.com/kingpanda/items/aa9bdef2706857720058
Raw
file0.txt
├── firebase.json
├── functions
│   ├── firebase-debug.log
│   ├── index.js
│   ├── node_modules
│   │   ├── @types
│   │   ├── ・・・・・・・
│ 　　　　│ 　　　　├── ・・・・・・・
│   ├── package-lock.json
│   ├── package.json
│   └── views
│   └── template.ejs
└── public
└── index.html
Raw
file1.txt
$ npm install express --save
Raw
file10.js
if(routes[url_parts.pathname] == null){
res.status(404).send("page not found");
}else{
res.status(200).render("template",
{
title: routes[url_parts.pathname].title,
content: routes[url_parts.pathname].content
}
);
}
Raw
file2.txt
$ npm install ejs --save
Raw
file6.js
app.set("view engine","ejs");
app.engine('ejs', require('ejs').__express);
Raw
file7.js
const routes = {
"/page1":{
"title":"ページ1",
"content":"これはページ1です。"
},
"/page2":{
"title":"ページ2",
"content":"これはページ2です。"
}
};
Raw
file8.js
const url = require('url');
Raw
file9.js
const url_parts = url.parse(req.path);
Raw
firebase.json
{
"hosting": {
"public": "public",
"rewrites": [
{
"source": "/**",
"function": "sample"
}
]
}
}
Raw
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-type">
<title>トップページ</title>
<style>
h1 { font-size:18px; background-color:#eaeaea; }
</style>
</head>
<body>
<header>
<h1 id="h1">トップページ</h1>
</header>
<div>
<p>これはトップページです。</p>
<ul>
<li><a href="/page1">ページ1へ</a></li>
<li><a href="/page2">ページ2へ</a></li>
</ul>
</div>
</body>
</html>
Raw
index.js
const functions = require('firebase-functions');
const express = require('express');
const url = require('url');
const app = express();
const routes = {
"/page1":{
"title":"ページ1",
"content":"これはページ1です。"
},
"/page2":{
"title":"ページ2",
"content":"これはページ2です。"
}
};
app.set("view engine","ejs");
app.engine('ejs', require('ejs').__express);
app.get("*",function(req,res){
const url_parts = url.parse(req.path);
if(routes[url_parts.pathname] == null){
res.status(404).send("page not found");
}else{
res.status(200).render("template",
{
title: routes[url_parts.pathname].title,
content: routes[url_parts.pathname].content
}
);
}
});
exports.sample = functions.https.onRequest(app);
Raw
template.ejs
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-type">
<title><%=title %></title>
<style>
h1 { font-size:18px; background-color:#eaeaea; }
</style>
</head>
<body>
<header>
<h1 id="h1"><%=title %></h1>
</header>
<div>
<p><%-content %></p>
<ul>
<li><a href="/">トップページへ</a></li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment