Use AngularJS to Build a Fast and Secure Chat App
PubNub gets your data where it needs to go, anywhere in less than 0.25 seconds. Realtime data is easy with PubNub’s AngularJS library. Just inject the PubNub AngularJS service in your app, insert your keys, and go test.
Fusing AngularJS and PubNub is easy. Martin, PubNub’s developer evangelist,
will show you how easy it is in his AngularJS chat app tutorial.
Follow the steps below to build your own AngularJS chat app
Create Your PubNub Account
To get started, sign up for a free account.
Once in your account, create a new app then get your keys.
Install the PubNub AngularJS SDK
-
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- <!– Include the PubNub library from CDN –>
- <script src="//cdn.pubnub.com/sdk/pubnub/pubnub–[VERSION].min.js">
- </script>
- <!– Include the PubNub AngularJS Service –>
- <script src="//cdn.pubnub.com/sdk/pubnub-angular/pubnub-angular-[VERSION].min.js"></script>
- <script>
- angular.module('app').run(['Pubnub', function(Pubnub) {
- // Initialize with your API keys
-
Pubnub.init({
-
publish_key: your_pub_key',
-
subscribe_key: 'your_sub_key',
-
});
- }])
- </script>
Angular API Docs & Tutorials
Start the AngularJS Tutorials
Tutorial #1
Get Started with AngularJS and PubNub
Tutorial #2
Build a Chat App with Infinite Scroll
Tutorial #3
Add a Realtime User Roster Using Presence API
Tutorial #4
Display a Typing Indicator Using Custom State
Tutorial #5
User Authentication with OAuth 2.0 and Access Manager
Tutorial #6
Build a Friend List Using Advanced Channel Groups
–