Use an API endpoint

README.md

@@ -6,7 +6,7 @@ This is the React comment box example from [the React tutorial](http://facebook.
 
 ## To use
 
-There are several simple server implementations included. They all serve static files from `public/` and handle requests to `comments.json` to fetch or add data. Start a server with one of the following:
+There are several simple server implementations included. They all serve static files from `public/` and handle requests to `/api/comments` to fetch or add data. Start a server with one of the following:
 
 ### Node
 

Server.hs

@@ -48,11 +48,11 @@ main = scotty 3000 $ do
 
     get "/" $ file "./public/index.html"
 
-    get "/comments.json" $ do
+    get "/api/comments" $ do
       comments <- liftIO $ readFile "comments.json"
       json $ fromJust $ (decode comments :: Maybe [Comment])
 
-    post "/comments.json" $ do
+    post "/api/comments" $ do
       comments <- liftIO $ BS.readFile "comments.json"
       let jsonComments = fromJust $ (decode $ fromStrict comments :: Maybe [Comment])
       author <- param "author"

public/scripts/example.js

@@ -121,6 +121,6 @@ var CommentForm = React.createClass({
 });
 
 React.render(
-  <CommentBox url="comments.json" pollInterval={2000} />,
+  <CommentBox url="/api/comments" pollInterval={2000} />,
   document.getElementById('content')
 );

server.go

@@ -101,7 +101,7 @@ func main() {
 	if port == "" {
 		port = "3000"
 	}
-	http.HandleFunc("/comments.json", handleComments)
+	http.HandleFunc("/api/comments", handleComments)
 	http.Handle("/", http.FileServer(http.Dir("./public")))
 	log.Println("Server started: http://localhost:" + port)
 	log.Fatal(http.ListenAndServe(":"+port, nil))

server.js

@@ -22,14 +22,14 @@ app.use('/', express.static(path.join(__dirname, 'public')));
 app.use(bodyParser.json());
 app.use(bodyParser.urlencoded({extended: true}));
 
-app.get('/comments.json', function(req, res) {
+app.get('/api/comments', function(req, res) {
   fs.readFile('comments.json', function(err, data) {
     res.setHeader('Cache-Control', 'no-cache');
     res.json(JSON.parse(data));
   });
 });
 
-app.post('/comments.json', function(req, res) {
+app.post('/api/comments', function(req, res) {
   fs.readFile('comments.json', function(err, data) {
     var comments = JSON.parse(data);
     comments.push(req.body);

server.lua

@@ -15,7 +15,7 @@
 -- Web page: http://algernon.roboticoverlords.org/
 --
 
-handle("/comments.json", function()
+handle("/api/comments", function()
 
   -- Set the headers
   content("application/javascript")

server.php

@@ -31,7 +31,7 @@ function routeRequest()
     $uri = $_SERVER['REQUEST_URI'];
     if ($uri == '/') {
         echo file_get_contents('./public/index.html');
-    } elseif (preg_match('/\/comments.json(\?.*)?/', $uri)) {
+    } elseif (preg_match('/\/api\/comments(\?.*)?/', $uri)) {
         if($_SERVER['REQUEST_METHOD'] === 'POST') {
             $commentsDecoded = json_decode($comments, true);
             $commentsDecoded[] = ['author'  => $_POST['author'],

server.py

@@ -15,7 +15,7 @@
 app = Flask(__name__, static_url_path='', static_folder='public')
 app.add_url_rule('/', 'root', lambda: app.send_static_file('index.html'))
 
-@app.route('/comments.json', methods=['GET', 'POST'])
+@app.route('/api/comments', methods=['GET', 'POST'])
 def comments_handler():
 
     with open('comments.json', 'r') as file:

server.rb

@@ -18,7 +18,7 @@
 root = File.expand_path './public'
 server = WEBrick::HTTPServer.new Port: port, DocumentRoot: root
 
-server.mount_proc '/comments.json' do |req, res|
+server.mount_proc '/api/comments' do |req, res|
   comments = JSON.parse(File.read('./comments.json'))
 
   if req.request_method == 'POST'