dkkhare
when i user mine twitter app keys than no cation on click of login button. mean twitter login page not opening. please help
Ionic Twitter Client
Barebone Twitter Client Starter
Free!
Neven
Member since 2015
Details
Ionic Twitter Client - Barebone Twitter Client Starter App
This Ionic Twitter Client uses ng-twitter to connect to your twitter account. Tested on iOS and Android. It has everything you need to start working on your Twitter Client or your App Social integration. You can use the sample app I created on apps.twitter.com for your testing. You will have to replace the Twitter App Consumer Key, Consumer Secret and Callback url to get this production ready.
Check out my other useful starters are here: Great Ionic Starters.
Features
- Login
- Logout
- Show Home Timeline
- Show User Timeline
- Post Tweets
- Display time since post was created
- Display Twitter names and handle names
Installation
- Install Ionic
- Download Genymotion if you plan to emulate on android
- open folder in terminal
- Install Ionic
sudo npm install -g ionic - Add platform
ionic platform add ios - Add platform
ionic platform add android - Install ng-twitter
bower install ng-twitter-api --save cordova plugin add cordova-plugin-inappbrowsercordova plugin add cordova-plugin-whitelist- Install ngResource
npm install --save ng-resource ionic emulate ios(don't use live reload)ionic run android(after you start genymotion emulator instance)- If you try to run with
ionic serverorionic run -lyou might encounter Cross Origin Issues (CORS). You can read about it here.
Payment Information
- The payment on this site is processed by Stripe.com and sometimes your bank will decline the charges if they don't recognize it. You can contact your bank or try a different card.
Support
- Leave a comment if you get stuck on anything
- If you email me directly it might get caught in the spam filter
- And Kudos if you leave a Rating! =)
Stay in Touch
- Check out my blog rubberchickin.com.
Hey there! You'll need to log in before you can leave a comment here.
Neven
Hey, yes when you make your own app on "https://apps.twitter.com/app/new" you will have to save a callback URL. For local testing this url is http://localhost/callback but you have to use tiny URL in order for twitter to accept it. Try using this one "http://tinyurl.com/krmpchb" for your callback url in your twitter app settings.
Neven
@Chuanjie You will put the callback url when you register your app on twitter (https://apps.twitter.com) there you will get the new consumerID and secret key.
Ducxclan
How do I make the adjustment to a user timelime ? "https://api.twitter.com/1.1/statuses/user_timeline.json"
Ducxclan
In the description says: Show Home Timeline - Show User Timeline - Post Tweets - Display time since post was created - Display Twitter names and handle names But I see in the code where they are those functions. Can you help me?
Neven
@Ducxclan in the tab-dash.html data is being read from twitterFeed object. In there you can make modifications to how the data is displayed. While in the controllers.js `IonicTwitter.getTwitterFeed` gets called to get the home timeline.
venkat
is there any changes required at "https://api.twitter.com/1.1/statuses/user_timeline.json" and It automatically get the user data or not.
Sudhagar
@Neven Hi, I downloaded and ran the project. But I can't login with Twitter at all. Is there any changes you have to do?
Neven
That's because cross origin isn't set up. You can read about how to do that here: http://rubberchickin.com/origin-is-not-allowed-by-access-control-allow-origin-ionic/
Rajkiran Panuganti
Do you plan to create an Ionic2 version ?
Neven
Hey, I don't have any plans for that right now. I will re-evaluate later when I have more time.
Rajkiran Panuganti
Do you plan to create an Ionic2 version ?
Neven
Hey, I don't have any plans for that right now. I will re-evaluate later when I have more time.
Sudhagar
@Neven Hi, I downloaded and ran the project. But I can't login with Twitter at all. Is there any changes you have to do?
Neven
That's because cross origin isn't set up. You can read about how to do that here: http://rubberchickin.com/origin-is-not-allowed-by-access-control-allow-origin-ionic/
venkat
is there any changes required at "https://api.twitter.com/1.1/statuses/user_timeline.json" and It automatically get the user data or not.
Neven
@Ducxclan in the tab-dash.html data is being read from twitterFeed object. In there you can make modifications to how the data is displayed. While in the controllers.js `IonicTwitter.getTwitterFeed` gets called to get the home timeline.
Neven
Hey, yes when you make your own app on "https://apps.twitter.com/app/new" you will have to save a callback URL. For local testing this url is http://localhost/callback but you have to use tiny URL in order for twitter to accept it. Try using this one "http://tinyurl.com/krmpchb" for your callback url in your twitter app settings.
Ducxclan
How do I make the adjustment to a user timelime ? "https://api.twitter.com/1.1/statuses/user_timeline.json"
Neven
@Chuanjie You will put the callback url when you register your app on twitter (https://apps.twitter.com) there you will get the new consumerID and secret key.
dkkhare
when i user mine twitter app keys than no cation on click of login button. mean twitter login page not opening. please help
Ducxclan
In the description says: Show Home Timeline - Show User Timeline - Post Tweets - Display time since post was created - Display Twitter names and handle names But I see in the code where they are those functions. Can you help me?
Hey there! You'll need to log in before you can leave a rating here.
Darrius Taylor
This is exactly what I wanted. Just the basics already done (client-side) so I could just test out ideas with the Twitter API. Didn't need it on a server yet, but I hate doing the grunt work just to get Twitter data. $5 well spent!
{{ rating.comment }}
{{ rating.comment }}
Darrius Taylor
This is exactly what I wanted. Just the basics already done (client-side) so I could just test out ideas with the Twitter API. Didn't need it on a server yet, but I hate doing the grunt work just to get Twitter data. $5 well spent!