CodePath Android with Deonna: Week 3, Unit 3 - Twitter Part 1

Transcript

1. Currently @Instacart Formerly @Netflix Hello! I’m Deonna. @DeonnaHodges
2. what will we cover?
3. Debugging lab Twitter Part 1: Concepts what will we cover? Breakout rooms Quick break Wisdom from Dr. Jorts
4. twitter part 1: user stories
5. How do we make requests in such a way to allow the user to pull down on their timeline and see new tweets? Pull to Refresh Users can sign in using their existing Twitter accounts and see content unique to their account OAuth Users can view tweets from their home timeline. How do we make authenticated API requests to get this data? Networking twitter: user stories
6. twitter part 1: OAuth
7. ELI 25: Twitter OAuth https://developer.twitter.com/en/docs/authentication/oauth-1-0a/obtaining-user-access-tokens
8. Project Achievements Users around the world Twitter OAuth
9. Persist Data RestClientTemplate Authenticate Send Requests https://github.com/codepath/android-rest-client-template/blob/master/README.md
10. OAuth Authorization (walkthrough) https://www.youtube.com/playlist?list=PLrT2tZ9JRrf7P-WthrcGXm98VTL5VObpn // LoginActivity.java // Click handler for the button used to start OAuth flow // Uses the client to initiate OAuth authorization // This should be tied to a button used to login public void loginToRest(View view) { getClient().connect(); }
11. twitter part 1: networking
12. Defining REST API calls (walkthrough) https://www.youtube.com/playlist?list=PLrT2tZ9JRrf7P-WthrcGXm98VTL5VObpn // RestClient.java // Define your Twitter API calls here. public void getInterestingnessList(JsonHttpResponseHandler handler) { String apiUrl = getApiUrl(<unrelated flickr API url>); RequestParams params = new RequestParams(); params.put("format", "json"); client.get(apiUrl, params, handler); }
13. https://developer.twitter.com/en/docs/twitter-api/v1/tweets/timelines/api-reference/get-statuses-home_timeline Home Timeline: Request
14. https://developer.twitter.com/en/docs/twitter-api/v1/tweets/timelines/api-reference/get-statuses-home_timeline Home Timeline: Parameters
15. getHomeTimeline() // RestClient.java public void getHomeTimeline(int sinceId, JsonHttpResponseHandler handler) { String apiUrl = getApiUrl("statuses/home_timeline.json"); RequestParams params = new RequestParams(); params.put("since_id", 1); getClient().get(apiUrl, params, handler); } GET https://api.twitter.com/1.1/statuses/home_timeline.json&since_id=1
16. Twitter API calls: Response https://developer.twitter.com/en/docs/twitter-api/v1/tweets/timelines/api-reference/get-statuses-home_timeline
17. Defining Data Models { "created_at": "Wed Oct 10 20:19:24 +0000 2018", "id": 1050118621198921728, "text": "To make room for more expression, we will now count all emojis as equal—including those with gender and skin t… https://t.co/MkGjXf9aXm", "entities": { "hashtags": [], "symbols": [], "user_mentions": [], "urls": [{ "url": "https://t.co/MkGjXf9aXm", "expanded_url": "https://twitter.com/i/web/status/1050118621198921728", "display_url": "twitter.com/i/web/status/1…", "indices": [117,140] }] }, "user": { "id": 6253282, "name": "Twitter API", "screen_name": "TwitterAPI", "verified": true, "profile_image_url_https": "https://pbs.twimg.com/profile_images/942858479592554497/BbazLO9L_normal.jpg", }, "retweet_count": 161, "favorite_count": 296, "favorited": false, "retweeted": false } https://developer.twitter.com/en/docs/twitter-api/v1/data-dictionary/overview/intro-to-tweet-json
18. Calling getHomeTimeline() RestClient client = RestApplication.getRestClient(this); client.getHomeTimeline(1, new JsonHttpResponseHandler() { @Override public void onSuccess(int statusCode, Header[] headers, JSONArray response) { // Parse JSON response into a list of Tweet objects you can use in your RecyclerView List<Tweet> tweets = Tweet.fromJsonMultiple(response); callback.onTweetsReceived(tweets); } @Override public void onFailure(int statusCode, Header[] headers, Throwable throwable, JSONObject errorResponse) { // Figure out why the request failed - you can log, print error messages, etc. callback.onTweetsReceivedError(); } }; )
19. Parsing a single Tweet { "created_at": "Wed Oct 10 20:19:24 +0000 2018", "id": 1050118621198921728, "text": "To make room for more expression,… https://t.co/MkGjXf9aXm", "user": { "id": 6253282, "name": "Twitter API", "screen_name": "TwitterAPI", "verified": true, "profile_image_url_https": "https://pbs.twimg.com/profile_images/942858479 592554497/BbazLO9L_normal.jpg", } } public class Tweet { public String createdAt; public String text; public User user; public static Tweet fromJson(JSONObject o) { try { Tweet tweet = new Tweet(); tweet.createdAt = o.getString("created_at"); tweet.text = o.getString("text"); tweet.user = User.parseJSON(o.getJSONObject("user")); return tweet; } catch (JSONException e) { // Debug exception here. } } }
20. POSTing a new Tweet https://developer.twitter.com/en/docs/twitter-api/v1/tweets/post-and-engage/api-reference/post-statuses-update // RestClient.java public void postTweet(String body, JsonHttpResponseHandler handler) { String apiUrl = getApiUrl("statuses/update.json"); RequestParams params = new RequestParams(); params.put("status", body); getClient().post(apiUrl, params, handler); }
21. twitter part 1: pull to refresh
22. Adapter RecyclerView Review Data Layout
23. RecyclerView: Setup class TimelineActivity extends AppCompatActivity { private ArrayList<Tweet> tweets = new ArrayList<>(); RestClient client = RestApplication.getRestClient(this); @Override protected void onCreate(Bundle savedInstanceState) { //... RecyclerView rvTweets = (RecyclerView) findViewById(R.id.rvTweets); TweetsAdapter adapter = new TweetsAdapter(tweets); rvTweets.setAdapter(adapter); rvTweets.setLayoutManager(new LinearLayoutManager(this)); client.getHomeTimeline(1, new JsonHttpResponseHandler() { @Override public void onSuccess(int statusCode, Header[] headers, JSONArray response) { tweets.addAll(Tweet.fromJsonMultiple(response)); adapter.notifyDataSetChanged(); } } } }
24. RecyclerView: Fetch Data class TimelineActivity extends AppCompatActivity { private ArrayList<Tweet> tweets = new ArrayList<>(); RestClient client = RestApplication.getRestClient(this); @Override protected void onCreate(Bundle savedInstanceState) { //... RecyclerView rvTweets = (RecyclerView) findViewById(R.id.rvTweets); TweetsAdapter adapter = new TweetsAdapter(tweets); rvTweets.setAdapter(adapter); rvTweets.setLayoutManager(new LinearLayoutManager(this)); client.getHomeTimeline(1, new JsonHttpResponseHandler() { @Override public void onSuccess(int statusCode, Header[] headers, JSONArray response) { tweets.addAll(Tweet.fromJsonMultiple(response)); adapter.notifyDataSetChanged(); } } } }
25. RecyclerView: Populate Data Object class TimelineActivity extends AppCompatActivity { private ArrayList<Tweet> tweets = new ArrayList<>(); RestClient client = RestApplication.getRestClient(this); @Override protected void onCreate(Bundle savedInstanceState) { //... RecyclerView rvTweets = (RecyclerView) findViewById(R.id.rvTweets); TweetsAdapter adapter = new TweetsAdapter(tweets); rvTweets.setAdapter(adapter); rvTweets.setLayoutManager(new LinearLayoutManager(this)); client.getHomeTimeline(1, new JsonHttpResponseHandler() { @Override public void onSuccess(int statusCode, Header[] headers, JSONArray response) { tweets.addAll(Tweet.fromJsonMultiple(response)); adapter.notifyDataSetChanged(); } } } }
26. RecyclerView: Notify Adapter class TimelineActivity extends AppCompatActivity { private ArrayList<Tweet> tweets = new ArrayList<>(); RestClient client = RestApplication.getRestClient(this); @Override protected void onCreate(Bundle savedInstanceState) { //... RecyclerView rvTweets = (RecyclerView) findViewById(R.id.rvTweets); TweetsAdapter adapter = new TweetsAdapter(tweets); rvTweets.setAdapter(adapter); rvTweets.setLayoutManager(new LinearLayoutManager(this)); client.getHomeTimeline(1, new JsonHttpResponseHandler() { @Override public void onSuccess(int statusCode, Header[] headers, JSONArray response) { tweets.addAll(Tweet.fromJsonMultiple(response)); adapter.notifyDataSetChanged(); } } } }
27. Pull to Refresh Step 1: SwipeRefreshLayout XML https://guides.codepath.com/android/implementing-pull-to-refresh-guide <androidx.swiperefreshlayout.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/swipeContainer" android:layout_width="match_parent" android:layout_height="match_parent"> <androidx.recyclerview.widget.RecyclerView android:id="@+id/rvTweets" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" /> </androidx.swiperefreshlayout.widget.SwipeRefreshLayout>
28. Pull to Refresh Step 2: Update RecyclerView Adapter https://guides.codepath.com/android/implementing-pull-to-refresh-guide // In the RecyclerView.Adapter class // Clear the data public void clear() { items.clear(); notifyDataSetChanged(); } // Add a list of updated items public void addAll(List<Tweet> list) { items.addAll(list); notifyDataSetChanged(); }
29. Pull to Refresh Step 3: Hook up SwipeRefreshLayout https://guides.codepath.com/android/implementing-pull-to-refresh-guide public class TimelineActivity extends Activity { private SwipeRefreshLayout swipeContainer; @Override protected void onCreate(Bundle savedInstanceState) { //... swipeContainer = (SwipeRefreshLayout) findViewById(R.id.swipeContainer); // Setup refresh listener which triggers new data loading swipeContainer.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { // Method to refresh the list fetchTimelineAsync(1); } }); } public void fetchTimelineAsync(int sinceId) { // Send the network request to fetch the updated data client.getHomeTimeline(sinceId, new JsonHttpResponseHandler() { public void onSuccess(JSONArray json) { adapter.clear(); adapter.addAll(Tweet.fromJsonMultiple(json)); // Remember to call setRefreshing(false) to signal refresh has finished swipeContainer.setRefreshing(false); } }); } }
30. 6 min break
31. Wisdom from @DrJorts
32. RouteRider
33. Wisdom from @DrJorts
34. Wisdom from @DrJorts
35. Wisdom from @DrJorts
36. unit 3 lab: debugging
37. https://www.surveymonkey.com/r/AndroidremoteMidFall2020 mid-fall survey
38. breakout rooms
39. breakout rooms what new habits / hobbies have you gotten into in 2020 that you want to continue? what is your favorite app? how would you improve it? if you could be a kitchen appliance what would you be? what was the last truly great show you’ve watched or book you’ve read? android or iOS?
40. You can find me at Any questions? Thanks! @DeonnaHodges
41. Project Achievements Users around the world ELI 5: OAuth