Android SDK Android Basic JSOUP Tutorial

2017.03.27 15:27

Android Basic JSOUP Tutorial

In this tutorial, you will learn how to implement JSOUP open source java library in your Android application. JSOUP provides a very convenient API for extracting and manipulating data, using DOM, CSS, and jquery-like methods. JSOUP allows you to scrape and parse HTML from a URL, file, or string and many more. We will create 3 buttons on the main view and each button will perform different tasks such as showing the website title, description and a logo. So lets begin…

Before you proceed with this tutorial, download the latest JSOUP library from here.

Paste your downloaded Jsoup file into your project libs folder as shown on the image below.

jsoup_libs

Create a new project in Eclipse File > New > Android Application Project. Fill in the details and name your project JsoupTutorial.

Application Name : JsoupTutorial

Project Name : JsoupTutorial

Package Name : com.androidbegin.jsouptutorial

Open your MainActivity.java and paste the following code.

MainActivity.java

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

package com.androidbegin.jsouptutorial;

import java.io.IOException;

import java.io.InputStream;

import org.jsoup.Jsoup;

import org.jsoup.nodes.Document;

import org.jsoup.select.Elements;

import android.os.AsyncTask;

import android.os.Bundle;

import android.app.Activity;

import android.app.ProgressDialog;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.ImageView;

import android.widget.TextView;

public class MainActivity extends Activity {

// URL Address

String url = "http://www.androidbegin.com";

ProgressDialog mProgressDialog;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

// Locate the Buttons in activity_main.xml

Button titlebutton = (Button) findViewById(R.id.titlebutton);

Button descbutton = (Button) findViewById(R.id.descbutton);

Button logobutton = (Button) findViewById(R.id.logobutton);

// Capture button click

titlebutton.setOnClickListener(new OnClickListener() {

public void onClick(View arg0) {

// Execute Title AsyncTask

new Title().execute();

}

});

// Capture button click

descbutton.setOnClickListener(new OnClickListener() {

public void onClick(View arg0) {

// Execute Description AsyncTask

new Description().execute();

}

});

// Capture button click

logobutton.setOnClickListener(new OnClickListener() {

public void onClick(View arg0) {

// Execute Logo AsyncTask

new Logo().execute();

}

});

}

// Title AsyncTask

private class Title extends AsyncTask<Void, Void, Void> {

String title;

@Override

protected void onPreExecute() {

super.onPreExecute();

mProgressDialog = new ProgressDialog(MainActivity.this);

mProgressDialog.setTitle("Android Basic JSoup Tutorial");

mProgressDialog.setMessage("Loading...");

mProgressDialog.setIndeterminate(false);

mProgressDialog.show();

}

@Override

protected Void doInBackground(Void... params) {

try {

// Connect to the web site

Document document = Jsoup.connect(url).get();

// Get the html document title

title = document.title();

} catch (IOException e) {

e.printStackTrace();

}

return null;

}

@Override

protected void onPostExecute(Void result) {

// Set title into TextView

TextView txttitle = (TextView) findViewById(R.id.titletxt);

txttitle.setText(title);

mProgressDialog.dismiss();

}

// Description AsyncTask

private class Description extends AsyncTask<Void, Void, Void> {

String desc;

@Override

protected void onPreExecute() {

super.onPreExecute();

mProgressDialog = new ProgressDialog(MainActivity.this);

mProgressDialog.setTitle("Android Basic JSoup Tutorial");

mProgressDialog.setMessage("Loading...");

mProgressDialog.setIndeterminate(false);

mProgressDialog.show();

}

@Override

protected Void doInBackground(Void... params) {

try {

// Connect to the web site

Document document = Jsoup.connect(url).get();

// Using Elements to get the Meta data

Elements description = document

.select("meta[name=description]");

// Locate the content attribute

desc = description.attr("content");

} catch (IOException e) {

e.printStackTrace();

}

return null;

}

@Override

protected void onPostExecute(Void result) {

// Set description into TextView

TextView txtdesc = (TextView) findViewById(R.id.desctxt);

txtdesc.setText(desc);

mProgressDialog.dismiss();

}

// Logo AsyncTask

private class Logo extends AsyncTask<Void, Void, Void> {

Bitmap bitmap;

@Override

protected void onPreExecute() {

super.onPreExecute();

mProgressDialog = new ProgressDialog(MainActivity.this);

mProgressDialog.setTitle("Android Basic JSoup Tutorial");

mProgressDialog.setMessage("Loading...");

mProgressDialog.setIndeterminate(false);

mProgressDialog.show();

}

@Override

protected Void doInBackground(Void... params) {

try {

// Connect to the web site

Document document = Jsoup.connect(url).get();

// Using Elements to get the class data

Elements img = document.select("a[class=brand brand-image] img[src]");

// Locate the src attribute

String imgSrc = img.attr("src");

// Download image from URL

InputStream input = new java.net.URL(imgSrc).openStream();

// Decode Bitmap

bitmap = BitmapFactory.decodeStream(input);

} catch (IOException e) {

e.printStackTrace();

}

return null;

}

@Override

protected void onPostExecute(Void result) {

// Set downloaded image into ImageView

ImageView logoimg = (ImageView) findViewById(R.id.logo);

logoimg.setImageBitmap(bitmap);

mProgressDialog.dismiss();

}

In this activity, we have created three buttons that response to three different AsyncTask. Before I proceed with further explanation, see the steps below on how to get the html source codes from a website.

Step 1 : Visit http://www.androidbegin.com with any preferred Internet browser on your PC

homepage

Step 2 : Right-Click on an open space and select “View page source”

pagesource

Step 3 : Website source codes

source

A website source code determines how your webpages should appear. However, source code of a web page will only display information and code that is not processed by the server.

The first button retrieves the website title. This is a way to get the page title.

Java Code

@Override

protected Void doInBackground(Void... params) {

try {

// Connect to the web site

Document document = Jsoup.connect(url).get();

// Get the html document title

title = document.title();

} catch (IOException e) {

e.printStackTrace();

}

return null;

}

Website Source Code

<head>

<!--[if lt IE 9]>

<![endif]-->

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-35207555-1']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

<title>Android Java Tutorials, Examples, Guides, Development - AndroidBegin</title>

The second button retrieves the website description. By using Elements, we are able to specify the exact location of the data.

Java Code

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

@Override

protected Void doInBackground(Void... params) {

try {

// Connect to the web site

Document document = Jsoup.connect(url).get();

// Using Elements to get the Meta data

Elements description = document.select("meta[name=description]");

// Locate the content attribute

desc = description.attr("content");

} catch (IOException e) {

e.printStackTrace();

}

return null;

}

Website Source Code

<title>Android Java Tutorials, Examples, Guides, Development - AndroidBegin</title>

The third button retrieves the website logo. By using Elements, we are able to specify the exact location of the data.

Java Code

@Override

protected Void doInBackground(Void... params) {

try {

// Connect to the web site

Document document = Jsoup.connect(url).get();

// Using Elements to get the class data

Elements img = document.select("a[class=brand brand-image] img[src]");

// Locate the src attribute

String imgSrc = img.attr("src");

// Download image from URL

InputStream input = new java.net.URL(imgSrc).openStream();

// Decode Bitmap

bitmap = BitmapFactory.decodeStream(input);

} catch (IOException e) {

e.printStackTrace();

}

return null;

}

Website Source Code

</div>

Next, create an XML graphical layout for the MainActivity. Go to res > layout > Right Click on layout > New > Android XML File

Name your new XML file activity_main.xml and paste the following code.

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent" >

<TextView

android:id="@+id/titletxt"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:gravity="center" />

<Button

android:id="@+id/titlebutton"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_below="@+id/titletxt"

android:text="@string/Title" />

<TextView

android:id="@+id/desctxt"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/titlebutton"

android:layout_centerInParent="true"

android:gravity="center" />

<Button

android:id="@+id/descbutton"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_below="@+id/desctxt"

android:text="@string/Description" />

<ImageView

android:id="@+id/logo"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/descbutton"

android:layout_centerInParent="true" />

<Button

android:id="@+id/logobutton"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_below="@+id/logo"

android:text="@string/Logo" />

</RelativeLayout>

Next, change the application name and texts. Open your strings.xml in your res > values folder and paste the following code.

strings.xml

<?xml version="1.0" encoding="utf-8"?>

<string name="app_name">Basic Jsoup Tutorial</string>

<string name="action_settings">Settings</string>

<string name="hello_world">Hello world!</string>

<string name="Title">Website Title</string>

<string name="Description">Website Description</string>

<string name="Logo">Website Logo</string>

</resources>

In your AndroidManifest.xml, we need to declare permissions to allow the application to connect to the Internet. Open your AndroidManifest.xml and paste the following code.

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.androidbegin.jsouptutorial"

android:versionCode="1"

android:versionName="1.0" >

<uses-sdk

android:minSdkVersion="8"

android:targetSdkVersion="17" />

<uses-permission android:name="android.permission.INTERNET" />

<application

android:allowBackup="true"

android:icon="@drawable/ic_launcher"

android:label="@string/app_name"

android:theme="@style/AppTheme" >

<activity

android:name=".MainActivity"

android:label="@string/app_name" >

<intent-filter>

</intent-filter>

</activity>

</application>

</manifest>

Output:

Source Code

JsoupTutorial.rar

[출처] http://www.androidbegin.com/tutorial/android-basic-jsoup-tutorial/

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.

이 게시물을

번호	제목	글쓴이	날짜	조회 수
12	App Inventor - MySQL interface 앱 인벤터 mysql 연결	졸리운_곰	2018.04.07	7999
11	Connect App Inventor to MySQL Database 앱 인벤터와 mysql 데이터베이스 연결	졸리운_곰	2018.04.07	7273
10	Create an API (PHP) 앱 인벤터와 php 통합	졸리운_곰	2018.04.07	630
9	Using the WebViewer Control in App Inventor 앱인터에서 웹뷰 컨트롤 사용	졸리운_곰	2018.03.24	512
8	WebView Javascript Processor for App Inventor 앱 인벤터 웹뷰 자바스크립트 인터페이스	졸리운_곰	2018.03.24	505
7	Creating a digital wallet application in App Inventor 2	졸리운_곰	2017.05.01	287
6	Creating a Custom TinyWebDB Service	졸리운_곰	2016.05.18	201
5	TinyDB is a lightweight document oriented database	졸리운_곰	2016.05.16	270
4	구글 앱엔진에 의한 소형웹데이터베이스의 접속방법 tinywebdb	졸리운_곰	2016.05.15	547
3	App inventor 멀티스크린, 스크린 이동, 다중화면,	졸리운_곰	2016.02.17	779
2	Communicating with Web APIs	졸리운_곰	2016.02.17	1080
1	JSON data on the Android mobile with App Inventor 2	졸리운_곰	2016.02.17	364

첫 페이지 1 끝 페이지

쓰기

태그

Android SDK Android Basic JSOUP Tutorial

Android Basic JSOUP Tutorial

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다. 어린이용이며, 설치가 필요없는 브라우저 게임입니다. https://s1004games.com

댓글 0

로그인

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com