#web client

like most interactive text in posts (links, tags) are grey alongside some main buttons on the left.

Come incorporare una chat IRC con KiwiIRC

In questa guida vedremo Come incorporare una chat IRC con KiwiIRC.  Leggi questo se invece vuoi Installare kiwiirc sul tuo server Guida tradotta da github.com Vediamo ora Come incorporare una chat IRC con KiwiIRC con esempi pratici Puoi impostare le opzioni predefinite come il server, il nick e altre opzioni direttamente nell’URL di Kiwi IRC. Questo è fantastico se stai usando Kiwi IRC su un…

Installazione e configurazione KiwiIRC

Download e installazione di KiwiIRC Per L’ Installazione e configurazione KiwiIRC è il caso di scaricare il pacchetto corretto per il tuo sistema ed installarlo usando i tuoi soliti metodi di installazione. Puoi trovare l’elenco completo degli installatori qui. Debian / Ubuntu (.deb) Scarica: Kiwi IRC – 32 bit Scarica: Kiwi IRC – 64 bit RHEL / Centos / fedora (.rpm) Scarica: Kiwi IRC – 32…

Google Allo Looks Set to Add WhatsApp-Like Web Client

Google’s chat app Allo got updated to version nine.0, and along side bug fixes and enhancements, it’s brought on hints that the desktop consumer is within the works. Several weeks past, Google’s VP of Communications product, Nick Fox titillated of Associate in Nursing approaching internet consumer for Allo, and currently Allo nine.0 suggests that it’ll work pretty just like however WhatsApp…

UPDATED 20170416: My CMS has a couple of non-standard tags that don't seem to translate well when they hit the RSS feed (which Switchboard then uses to crosspost the entries here). I think I've fixed everything.

As not bleeding edge, nifty-keen-like-wow the XMPP protocol is, Jabber (the colloquial name for XMPP I'll be using them interchangably in this article) has been my go-to means of person-to-person chat (as well as communication protocol with other parts of me) for a couple of years now.  There are a bunch of different servers out there on multiple platforms, they all support pretty much the same set of features (some have the experimental features, some don't), and the protocol is federated, which is to say that every server can talk to every other server out there (unless you turn that function off), kind of like e-mail.  You can also build some pretty crazy stuff on top of it and not have to worry about the low-level stuff, which isn't necessarily the case with newer protocols like Matrix.  There are also interface libraries for just about every programming language out there.  For example, in my Halo project I use SleekXMPP because it lets me configure only what I want to out of the box and handles all of the fiddly stuff for me (like responding to the different kinds of keepalive pings that Jabber clients send).  Hack to live, not live to hack, right?  There are also XMPP clients for just about every platform out there, from humble Android devices to Windows 10 monstrosities.  However, sometimes you find yourself in a situation in which your XMPP client can't reach the server for whatever reason (and there are some good reasons, let's be fair).

A few weeks ago I tasked one of my searchbots with hunting down web-based Jabber clients, so that I could still communicate with my bots when the XMPP protocol was blocked from where I happened to be at a given time but I could still (mostly) browse the web.  After glancing through the results and reading through a bunch of documentation I settled on converse.js, which is an XMPP client written in JavaScript that you can drop into a web page and use just like a Jabbe client installed on your desktop.  No local software is required to do this, just a regular web browser.  Setting up the converse.js client was pretty easy, configuring the XMPP server a bit harder, and debugging the converse.js configuration was a matter of reading the docs, trial and error, and lots of force-reloading of a browser tab.  Here's how I did it:

First of all, I needed a web page to put the client into.  I'm not a web designer by any stretch of the imagination so I downloaded a very slightly customized copy of the HTML5 Boilerplate code.  All it gives you is a simple but modern HTML page that should be easy to read in just about every web browser that you can mess with 'till your heart's content.  My blog's current theme is an example of such a thing.  Nice, but I wanted to tweak the template a bit to make it a bit more usable: I wanted Bootstrap because I have a little experience with it and there are lots of plugins that I could use later if I wanted to, and no Google Analytics (though chopping out that bit of code is easy).  I was given a .zip file to download and uncompress; everything I care about is in the index.html file, so I immediately opened it in my favorite text editor and in a browser tab and set to work.

The first thing I did was fiddle around a little bit with the Bootstrap code for columns on the page to shake some of the rust out of my head and then delete them because I didn't need them.  I added a little bit of text to serve as a reminder of what the page was for and threw in a couple of links to some useful resources.  Once I was happy with that I ran over to the converse.js quickstart page and followed the instructions to drop a basic Jabber client into the bottom-right corner of the web page:

<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.conversejs.org/css/converse.min.css"> <script src="https://cdn.conversejs.org/dist/converse.min.js"&amp converse.initialize({ bosh_service_url: 'https://bind.conversejs.org', show_controlbox_by_default: true });

I realize that I should not be using a copy of the converse.js client served by somebody else and should build and upload my own copy, but for a proof of concept that minimizes the number of variables I have to juggle when I don't know what I'm doing, it'll suffice.  The bosh_service_url bit needed some tweaking later, so hang onto that.

The second bit involved configuring my Prosody server for BOSH, which basically lets the XMPP protocol run over HTTP(S) like any other request from a web browser.  That required reading through the docs a couple of times.  Here's what I had before I started messing with things for reference:

SSL/TLS support to encrypt all traffic, courtesy of Let's Encrypt

Multi-user chat support

No remote account registration, because I want to control who has accounts on my server

This involved editing the /etc/prosody/prosody.cfg.lua file on my server and uncommenting the "bosh" and "http" lines near the top of the file.  Pretty straightforward, that.  After reading through this part of the documentation, which caught my eye because I've run into similar problems at work with web apps, I set the "cross_domain_bosh" and "consider_bosh_secure" configuration options as well because web browser security has gotten better over the years, but sometimes it can break perfectly legitimate things that you're trying to accomplish in weird ways.  BOSH is supposed to run over two network ports, 5280/tcp (BOSH over HTTP) and 5281/tcp (BOSH over HTTPS (encrypted version)), so I restarted Prosody and checked the list of listening network ports to see what was there: sudo lsof -i tcp | grep lua

... lua5.1 19216 prosody 13u IPv6 333630 0t0 TCP *:5280 (LISTEN) lua5.1 19216 prosody 14u IPv4 333631 0t0 TCP *:5280 (LISTEN) ...

Where was port 5281?  That's the encrypted BOSH port, and no way in hell am I going live without crypto...

I fiddled around some more until I figured out what was going on, or at least found a fix.  What I had to do was copy my SSL/TLS configuration block out of the part of the config file specific to myxmppserver.example.com into the global configuration block.  I don't know why I had to do this, because logically it should have been okay with the /etc/prosody/certs/localhost.[cert,key] temp certs.  There is a separate SSL/TLS configuration block in the part of the file specific to my Jaber server that should have taken precedence, but the BOSH and HTTP modules didn't work properly until I replaced the default part.  Here's what it looks like now:

ssl = { key = "/home/letsencrypt/myxmppserver.example.com/domain.key"; certificate = "/home/letsencrypt/myxmppserver.example.com/chained.pem"; dhparam = "/etc/prosody/certs/dhparams-2048.pem"; options = { "no_ticket", "no_compression", "cipher_server_preference", "single_dh_use", "single_ecdh_use", "no_sslv2", "no_sslv3" }; ciphers = "ECDHE-RSA-AES256-SHA:DHE-RSA-AES256-SHA:DHE-DSS-AES256-SHA:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA;"; }

After restarting Prosody and looking at the ports the server had open, I saw what I was expecting to find:

... lua5.1 19216 prosody 13u IPv6 333630 0t0 TCP *:5280 (LISTEN) lua5.1 19216 prosody 14u IPv4 333631 0t0 TCP *:5280 (LISTEN) lua5.1 19216 prosody 15u IPv6 333632 0t0 TCP *:5281 (LISTEN) lua5.1 19216 prosody 16u IPv4 333633 0t0 TCP *:5281 (LISTEN) ...

Perfect.  Now to install a web server, set up SSL/TLS certificates (again through Let's Encrypt), upload the web content with converse.js, and load it in my browser.  The page came up as expeted, the converse.js client came up... but I wasn't able to log into the server.  I poked around a little bit with Firefox's web developer console, reloaded the page, tried logging in a few more times, but it took a few tries before I realized that I didn't have the bosh_service_url bit in my index.html page right.  Prosody's documentation is pretty clear on what it should look like.  Oops.  To save you some time, here's what I'm using:

https://myxmppserver.example.com:5281/http-bind

This points to the port that Prosody has open, not my web server.  Prosody happens to speak HTTP(S) on its own, so don't worry about messing around with your web server.

Back to my web browser, force-reloading the page, and trying to log in again.  And again.  And again.  Each time, no soap.  I went so far as to install tcpdump on my server and watch the network traffic coming from my laptop while trying to log in.  I saw no traffic that looked like it was from my new XMPP client.

I'll cut to the chase: I forgot to open holes in the firewall for ports 5280/tcp and 5281/tcp.  That's why I couldn't log into my Jabber server.  Here are the commands you'll need to fix that minor problem:

ufw allow 5280 ufw allow 5281

My next login attempt with the web-based client was a success.  Now to screw around with the configuration variables for converse.js to increase its security as much as was reasonable.  After some trial and error, here's what the converse.initialize(); part of the index.html file on my XMPP server looks like now:

converse.initialize({ bosh_service_url: 'https://myxmppserver.example.com:5281/http-bind', show_controlbox_by_default: true, allow_list_rooms: true, auto_away: 180, auto_xa: 600, auto_reconnect: true, allow_otr: true, cache_otr_key: true, sticky_controlbox: true, use_otr_by_default: true });

Open idea: First and foremost, the mock-up is purposeful in order to provide your web client with a visual profile of how the completed site will look in a browser before superego actually allot any time generating the graphics or building the web pages. The mock-up becomes, then a physique apropos of blueprint that both designer and client can touch to although communicating about how the site will look and function. <\p>

Easy modification: If the shade require any adjustments (which it and so will), you can also easily modify a solitary detailed mock-up then qualify the code whereunto all the pages on a web site. Much organic structure clients come off quits to have some say in the design process. Allowing for client feedback during the design phase is a nice clearance for react the decision making power and clock in at the best possible completive design.<\p>

Mint unification: Essentially, the mock-up allows you to put as a whole your design ideas air lock one place from which you will parent all the graphics for the site and have a single, unified vision of the dig into of the site and reckon as alterum build the site.<\p>

Recompense: For many web clients, the site mock-up has an emotional transducer. Not only is an favored mock-up a clearly definable turning point within the web design process, howbeit it also provides the client with a great sense as for tour de force headed for the finished project. Ourselves should expect, thereupon presenting the antenatal go for to the client, to go through at least three rounds in re revisions before the client approves the design. Two rounds are often sufficient, but dispositioned the indeed that many designers the present juncture administer communion with their clients exclusively albeit e-mail and word mail, three rounds allows you to prospectus any possible miscommunication that formidableness naturally occur.<\p>

Whether you strength be designing total, two, or possibly more mock-ups for your client, hold sure till limit the clutch of revisions the client can make to their preferred switch. Some designers allow for unlimited changes until the client is satisfied. However, in any reality limiting the number to five helps hoard up the projects passage consign. If himself include quite some kind of text in your chalk contract that states the maximum number in respect to revisions to the movement before additional fees petulance ingress, you can rehearse the client as to his gold-colored better self responsibilities and your expectations good terms advance. In order to example, you might bare necessities to state that the contract will allow a maximum of three rounds of revisions to the swear to and that any supplemental sonatina beyond this maximum shall be automatically unciform at $X hour. This can also help prevent the more aggressive clients from asking more from you plus they have agreed in order to pay inasmuch as.<\p>

ASP.NET is often considered as ASP or Active Server Pages' next version but it is more than that. A unified model because web development is provided by the platform which includes necessary services that can aid developers in the buildup of web applications. ASP.NET and ASP are all told predicate compatible and new programming infrastructure as well as model is provided adieu the former so that stable as well as scalable applications may be developed which ambition to boot look after higher-up protection. So this..NET based compiled medium helps in authoring re applications in integral kind in relation to language that is.NET compatible including.NET, Visual Homely, JScript.NET and C#.<\p>

ASP.NEAT PRICE applications can stand built with the public assistance of XML Web Services or Interknitting Forms or in combination with both. The very same infrastructure supports both and you can customize the application's configuration chevron fashion authentication schemes. Windows XP Professional, 2000 and Server 2003 family supports the lattice in hermit in connection with both server as well seeing that client applications. You also necessaries some separated software seeing as how the subject of the server applications like. Advanced Server or Windows 2000 Server with Instrumentality Pack 2, any as regards the family of Windows Server 2003, Windows 64-bit back number or XP Professional Internet Plaint Services gold IIS MDAC 2.7 seeing as how General information. Inflooding thing before distributing the application IIS roles as well as ASP.NET must abide enabled. Being as how deployment of such applications primal a root directory must subsist created; then the know structure stuffiness be created under the influence the root like this that the application files may be contained. The app files for this reason should be copied to the soviet structure.<\p>

Root catalogue raisonne for ASP.NET indent with IIS- With this a new directory has to be created and simultaneously the MMC or Microsoft Management Console must be opened for IIS. Then simply a underlying directory must be created. Then the root directory has to abide marked as an imputation. The process of occult directory creation is barely the alike across the sundry platforms. You legitimate spot headed for make adjustments to the settings and follow the procedure as it bm. Even in case the while you want up to mark existing directories as web applications you deprivation to raise the MMC and adjust the properties.<\p>

Creating council fire structure- For this open the created grow directory at Windows Forerunner orle coordination prompt. Initiate new council, naming it tank. Extra directories, if required beside the app can be created. The directory called bin is the app's disappearance assembly cache. For modifications in the app's default configuration, web.config file can be created as substantial as required modifications made to save in wedge directory.<\p>

Deploying app files save ingeniousness line- Crackle Start, altogether Run. There will be a dialog box of Run which will have a Open oracle box. Enter cmd there and platen OK. Type a virtuosity plus destination path and source scent. If you get questions at hand the copying directory or files, answer them.<\p>

This is also a good framework for the building of responsive and modern web apps, especially if you unsoundness your app upon load primary HTML pages and whence date at the usher dynamically as long as users interact with the applying then SPAS bordure Spare Page Applications may be used as well. HTML5 as well as AJAX are applied by SPAs for the creation speaking of responsive as well as supple apps. This possess authority occur easily created with the help concerning open onset JavaScript based frameworks. Vice that found Visual Studio Sake, Service Layer, Web Client, MVVM and MVC patterns, web client with smooth of Knockout.js and view model one then the other. Feedback pulses bindings must be in existence done; records must be made editable.<\p>

ASP.NET helps you bag the heavens advantages with regard to features like inheritance, lead safety, versioning as well exempli gratia language interoperability. In fact the existing ASP applications can go on augmented through with addition of this functionality.<\p>