Router - what code do I need on the server?

First, I want to say thank you!!! I’m really loving HyperApp!

I’ve implemented the default router client side and it works great. But what happens if someone enters the application with a URL containing one of the routes?

My express server gets confused because I’m only serving the index.html at the root of the application. How do I connect it to the HyperApp routing?

Here is my server code.

`var express = require(‘express’) var path = require(‘path’); var app = express()

app.use(express.static(path.join(__dirname, ‘/dist’)));

app.get(‘/’, function (req, res) { res.sendFile(‘index.html’); });

app.listen(3000)`

Thanks!

[cdeutmeyer]

@dodekeract & @jbucaran I ended up adjusting the server code based on your suggestions and it works great. I’m going to need some routes for a data access API later so I wont be able to use /* once that’s in place but I’m pretty sure I’ll just need to serve index.html on any of the routes that are handled client side. Below is the adjusted server code in case it helps anyone else… Thanks again for your help!

var express = require('express')
var path = require('path');
var app = express()

app.use(express.static(path.join(__dirname, 'dist')));

app.get('/*', function (req, res) {
  res.sendFile(path.join(__dirname, 'dist', 'index.html'));
});
 
app.listen(3000)

[jorgebucaran]

@cdeutmeyer But what happens if someone enters the application with a URL containing one of the routes?

Hi! 👋 I’m glad you’re having fun with HyperApp!

If your client application handles all your routes, you could make your server to redirect all /* routes to index.html, then HyperApp’s router will do what it’s supposed to do.

Does that make sense?