zapkub/gist:8d8d78b53d2df451cd95abcd8f81b464

## gistfile1.txt
import * as Express from 'express';
import { Router } from 'express'


const frontendRouter = Router();
frontendRouter.all('/', (req, res) => {
    res.redirect('/index.html')
})
frontendRouter.get('/index.html', (req, res) => {
    // html frontend page
    res.status(200).send(`
    <html>
        <body>Hello <span id='response'>waiting for response</span>
            <script>
                fetch('/api/version').then((res) => res.text()).then((payload) => { document.getElementById('response').innerHTML = payload })
            </script>
        </body>
    </html>`)

})
const frontendExpress = Express();
frontendExpress.use(frontendRouter);


const backendRouter = Router();
backendRouter.get('/api/version', (req, res) => {
    res.json({version: "1.0.0"})
})

const backendExpress = Express();
backendExpress.use(backendRouter);

// combine 2 express app
frontendExpress.use(backendExpress);

frontendExpress.listen(3000) // this is 2 express combine
	import * as Express from 'express';
	import { Router } from 'express'



	const frontendRouter = Router();
	frontendRouter.all('/', (req, res) => {
	res.redirect('/index.html')
	})
	frontendRouter.get('/index.html', (req, res) => {
	// html frontend page
	res.status(200).send(`
	<html>
	<body>Hello <span id='response'>waiting for response</span>
	<script>
	fetch('/api/version').then((res) => res.text()).then((payload) => { document.getElementById('response').innerHTML = payload })
	</script>
	</body>
	</html>`)

	})
	const frontendExpress = Express();
	frontendExpress.use(frontendRouter);


	const backendRouter = Router();
	backendRouter.get('/api/version', (req, res) => {
	res.json({version: "1.0.0"})
	})

	const backendExpress = Express();
	backendExpress.use(backendRouter);

	// combine 2 express app
	frontendExpress.use(backendExpress);

	frontendExpress.listen(3000) // this is 2 express combine