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/

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

이 게시물을

번호	제목	글쓴이	날짜	조회 수
9	android webview로 javascript 호출 및 이벤트 받기(연동하기)	졸리운_곰	2018.03.19	1405
8	지니모션 설치 방법 총정리 (한글키보드 + 구글플레이 설치)	졸리운_곰	2016.04.23	1065
7	Flurry를 사용해보자, Flurry란 무엇인가? Flurry를 이용한 어플 사용자 통계분석하기	졸리운_곰	2014.12.01	505
6	Howto Build Android KitKat (4.4) for the Google Nexus 5December 1, 2013	졸리운_곰	2014.01.23	6573
5	넥서스5 소스 빌드 : Nexus5 Source build	가을의 곰을...	2013.12.20	10608
4	Samsung Galaxy 안드로이드 커널 빌드	가을의 곰을...	2013.12.12	12418
3	넥서스7 소스 빌드 방법	가을의 곰을...	2013.12.12	9886
2	안드로이드 플랫폼 개발 (한글)	가을의 곰을...	2013.12.07	10780
1	안드로이드 플랫폼 개발	가을의 곰을...	2013.11.17	10563

첫 페이지 1 끝 페이지

쓰기

태그

Android SDK Android Basic JSOUP Tutorial

Android Basic JSOUP Tutorial

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

댓글 0

로그인

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