Custom PHP Page

Bri

@rbeer just made a really great post on getting primed for NodeJS here, along with many other great resources. JS will bend your brain a bit, but no one ever became a worse programmer from learning a new language. IMHO JS is even easier to play around with because you can just open a dev console in Chrome and start typing!

DavidPS

I can't find a good node.js framework for TS3 :c

belstgut

@DavidPS really? https://www.npmjs.com/search?q=ts3

yariplus

I don't know much PHP, but I think what he wants is a form on his NodeBB custom page that ajaxs the form to the existing PHP page.

DavidPS

@belstgut said:

@DavidPS really? https://www.npmjs.com/search?q=ts3

yes there are a lot but i can't find one where i can grab client info. I just found move and poke ones

DavidPS

Anybody can send me an example using this? https://github.com/gwTumm/node-teamspeak

just a basic things to start to test and learn.

belstgut

var TeamSpeakClient = require("node-teamspeak"),
    util = require("util");

var cl = new TeamSpeakClient("##SERVERIP###");
cl.send("login", {client_login_name: "##USERNAME##", client_login_password: "##PASSWORD##"}, function(err, response, rawResponse){
    cl.send("use", {sid: 1}, function(err, response, rawResponse){
        cl.send("clientinfo", {clid: "##CLIENTID##"} ,function(err, response, rawResponse){
            console.log(util.inspect(response));
        });
    });
});

this should connect you to your server, log u in, select virtual server 1, and print clientinfo for the client with id ##CLIENTID##.

(slightly modified from the node-teamspeak example)

DavidPS

in what var this information will be stored? i don't understand the concept console.log of node.js

Bri

console.log is just a print statement, like echo or print() in php.

DavidPS

oh nice, how send it as var from plugin to template? becouse if i add this script as script won't be secure becouse i will show my user password to everyone who insepct the code

DavidPS

@belstgut said:

var TeamSpeakClient = require("node-teamspeak"),
    util = require("util");

var cl = new TeamSpeakClient("##SERVERIP###");
cl.send("login", {client_login_name: "##USERNAME##", client_login_password: "##PASSWORD##"}, function(err, response, rawResponse){
    cl.send("use", {sid: 1}, function(err, response, rawResponse){
        cl.send("clientinfo", {clid: "##CLIENTID##"} ,function(err, response, rawResponse){
            console.log(util.inspect(response));
        });
    });
});

this should connect you to your server, log u in, select virtual server 1, and print clientinfo for the client with id ##CLIENTID##.

(slightly modified from the node-teamspeak example)

tryed to use it between <script> tang on HTML and nothing appeared

yariplus

That code would go in you server js.

Example:

(function(module) {
	"use strict";

	var TeamSpeakClient = require("node-teamspeak"),
		util = require("util");

	var Plugin = {};

	// static:app.load
	Plugin.init = function(params, callback) {
		var app = params.router,
			middleware = params.middleware,
			controllers = params.controllers;

		var cl = new TeamSpeakClient("##SERVERIP###");
		cl.send("login", {client_login_name: "##USERNAME##", client_login_password: "##PASSWORD##"}, function(err, response, rawResponse){
			cl.send("use", {sid: 1}, function(err, response, rawResponse){
				cl.send("clientinfo", {clid: "##CLIENTID##"} ,function(err, response, rawResponse){
					console.log(util.inspect(response));
				});
			});
		});

		callback();
	};

	module.exports = Plugin;
}(module));

To talk between, use Sockets like so:

(function(module) {
	"use strict";

	var TeamSpeakClient = require("node-teamspeak"),
		util = require("util");

	var SocketPlugins = module.parent.require('./socket.io/plugins');

	var Plugin = {};

	// static:app.load
	Plugin.init = function(params, callback) {
		var app = params.router,
			middleware = params.middleware,
			controllers = params.controllers;

		// Define a namespace for your socket listener
		SocketPlugins.YourPlugin = {

			// Define the listener
			formSubmit: function (socket, data, next) {

				// data is your form results, as an array.
				console.log(data[0].value); // Prints the value of the first item in your form.

				var cl = new TeamSpeakClient("##SERVERIP###");
				cl.send("login", {client_login_name: "##USERNAME##", client_login_password: "##PASSWORD##"}, function(err, response, rawResponse){
					cl.send("use", {sid: 1}, function(err, response, rawResponse){
						cl.send("clientinfo", {clid: "##CLIENTID##"} ,function(err, response, rawResponse){

							console.log(util.inspect(response));

							// Send a response back to the client.
							next(null, {whatever: datayouwant});
						});
					});
				});
			}
		};
		

		callback();
	};

	module.exports = Plugin;
}(module));

client js:

<form>...</form>

<script>
$( "form" ).submit(function( event ) {
  socket.emit( 'plugins.YourPlugin.formSubmit', $( this ).serializeArray(), function (err, data) {
    if (data) console.log("Got response from server.");
  });
  event.preventDefault();
});
</script>

Check out the socket.io docs and jquery docs.

DavidPS

How to send the results in a div or something?

yariplus

@DavidPS You want to use JQuery selectors.

Something like this.

Edit fiddle - JSFiddle - Code Playground

JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

(jsfiddle.net)

DavidPS

Nice I nearly finished it! just need how to store some info to database and how to display errors with the nodebb modal boxes

DavidPS

More questions: How make content for registred users only?

yariplus

@DavidPS

On the server, in your socket function, socket.uid is the user's identifier, and it is 0 (false) for guests. So, just return an error when it's 0.

formSubmit: functio6n (socket, data, next) {
    if (!socket.uid) return next(true);

   // real user, do stuff here
   next(null, {real: data});
}

and check for errors in the client js

  socket.emit( 'plugins.YourPlugin.formSubmit', $( this ).serializeArray(), function (err, data) {
    if (err) return;

    if (data) {
      // do stuff
    }
  });

and if you need to check the user in the client for some reason, it is in the variable app.user.uid

DavidPS

I want to redirect user to login as when you try to go any other private page like /unread

yariplus

Sure, you do that where you declare your custom route.

function renderSink(req, res, next) {
	if (!req.uid) return res.redirect('/login');

	// Do normal stuff.
	res.render('demo', someData);
}

module.exports = function(app, middleware, controllers) {
	app.get('/demo', middleware.buildHeader, renderSink);
	app.get('/api/demo', renderSink);
};

More info here: http://expressjs.com/4x/api.html#res.redirect