diff --git a/app.js b/app.js
index 722f0ea..f89b071 100644
--- a/app.js
+++ b/app.js
@@ -29,6 +29,22 @@ var auth = require('./lib/auth.js')
 var response = require('./lib/response.js')
 var models = require('./lib/models')
 
+// generate front-end constants by template
+var constpath = path.join(__dirname, './public/js/lib/common/constant.ejs')
+var data = {
+  domain: config.domain,
+  urlpath: config.urlpath,
+  debug: config.debug,
+  version: config.version,
+  GOOGLE_API_KEY: config.google && config.google.GOOGLE_API_KEY,
+  GOOGLE_CLIENT_ID: config.google && config.google.GOOGLE_CLIENT_ID,
+  DROPBOX_APP_KEY: config.dropbox && config.google.DROPBOX_APP_KEY
+}
+ejs.renderFile(constpath, data, {}, function (err, str) {
+  if (err) throw new Error(err)
+  fs.writeFileSync(path.join(__dirname, './public/build/constant.js'), str)
+})
+
 // server setup
 var app = express()
 var server = null
diff --git a/lib/config.js b/lib/config.js
index 674dd11..cddfdda 100644
--- a/lib/config.js
+++ b/lib/config.js
@@ -173,8 +173,9 @@ module.exports = {
   version: version,
   minimumCompatibleVersion: minimumCompatibleVersion,
   maintenance: maintenance,
-  debug: debug,
+  domain: domain,
   urlpath: urlpath,
+  debug: debug,
   port: port,
   alloworigin: alloworigin,
   usessl: usessl,
diff --git a/public/js/lib/common/constant.ejs b/public/js/lib/common/constant.ejs
new file mode 100644
index 0000000..e4a1cf0
--- /dev/null
+++ b/public/js/lib/common/constant.ejs
@@ -0,0 +1,8 @@
+window.domain = '<%- domain %>'
+window.urlpath = '<%- urlpath %>'
+window.debug = <%- debug %>
+window.version = '<%- version %>'
+
+window.GOOGLE_API_KEY = '<%- GOOGLE_API_KEY %>'
+window.GOOGLE_CLIENT_ID = '<%- GOOGLE_CLIENT_ID %>'
+window.DROPBOX_APP_KEY = '<%- DROPBOX_APP_KEY %>'
\ No newline at end of file
diff --git a/public/js/lib/config/index.js b/public/js/lib/config/index.js
index 1ea7a7a..11e4389 100644
--- a/public/js/lib/config/index.js
+++ b/public/js/lib/config/index.js
@@ -1,14 +1,10 @@
-import configJson from '../../../../config.json' // root path json config
+export const GOOGLE_API_KEY = window.GOOGLE_API_KEY || ''
+export const GOOGLE_CLIENT_ID = window.GOOGLE_CLIENT_ID || ''
+export const DROPBOX_APP_KEY = window.DROPBOX_APP_KEY || ''
 
-const config = process.env.NODE_ENV === 'production' ? configJson.production : configJson.development
-
-export const GOOGLE_API_KEY = (config.google && config.google.apiKey) || ''
-export const GOOGLE_CLIENT_ID = (config.google && config.google.clientID) || ''
-export const DROPBOX_APP_KEY = (config.dropbox && config.dropbox.appKey) || ''
-
-export const domain = config.domain || '' // domain name
-export const urlpath = config.urlpath || '' // sub url path, like: www.example.com/<urlpath>
-export const debug = config.debug || false
+export const domain = window.domain || '' // domain name
+export const urlpath = window.urlpath || '' // sub url path, like: www.example.com/<urlpath>
+export const debug = window.debug || false
 
 export const port = window.location.port
 export const serverurl = `${window.location.protocol}//${domain || window.location.hostname}${port ? ':' + port : ''}${urlpath ? '/' + urlpath : ''}`
@@ -16,4 +12,4 @@ window.serverurl = serverurl
 export const noteid = urlpath ? window.location.pathname.slice(urlpath.length + 1, window.location.pathname.length).split('/')[1] : window.location.pathname.split('/')[1]
 export const noteurl = `${serverurl}/${noteid}`
 
-export const version = '0.5.0'
+export const version = window.version
diff --git a/public/views/includes/scripts.ejs b/public/views/includes/scripts.ejs
index 20d4003..8766894 100644
--- a/public/views/includes/scripts.ejs
+++ b/public/views/includes/scripts.ejs
@@ -1,3 +1,4 @@
+<script src="<%= webpackConfig.output.baseUrl %>/build/constant.js"></script>
 <% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
 <script src="<%= webpackConfig.output.baseUrl %><%= htmlWebpackPlugin.files.chunks[chunk].entry %>" defer></script>
 <% } %>