Key Takeaways

• Das Tutorial bietet eine Schritt-für-Schritt-Anleitung zum Erstellen eines WordPress-Widgets, das die WHOIs und sozialen Informationen eines Domain-Namens anzeigt, einschlie?lich Google PageRank und 1 Count, Alexa Rank, Facebook teilt und mag Count, Twitter-Tweets, LinkedIn Aktien- und Dom?nenerstellung und Ablaufdaten.
• Das Widget verwendet die JSONWho -API, die die erforderlichen Dom?neninformationen im JSON -Format zurückgibt. Eine Anforderung "GET" wird mit dem API -Schlüssel und dem Dom?nennamen als Anforderungsparameter an den Endpunkt gesendet.
• Das Widget wird codiert, indem die Standard -WP_WIDget -Klasse, einschlie?lich der erforderlichen Klassenfunktionen oder -Methoden, erweitert und das Widget registriert wird. Für jede Dom?neninformation wird das Widget angezeigt, eine Methode, die die einzelnen Daten zurückgibt.
• Das Widget verfügt auch über ein Back-End-Einstellungsformular, das aus drei Feldern besteht: dem Widget-Titel, der Dom?ne und der API-Schlüssel. Wenn das Formular ausgefüllt ist, sankt und speichert die update () -Methode die eingegebenen Werte zur Wiederverwendung in der Datenbank. Die Widget () -Methode zeigt dann das Widget auf dem Front-End von WordPress an.

In einem früheren Tutorial haben wir uns tief in die WordPress HTTP -API eintauchen und gelernt, was APIs sind und wie die HTTP -API verwendet werden, um Webdienste zu konsumieren.

Ich habe versprochen, einige reale Beispiele zu zeigen, wie APIs in WordPress mithilfe der HTTP-API konsumiert werden. Dies ist die erste in einer Reihe kommender Artikel.

In diesem Tutorial entwickeln wir ein WordPress -Widget, das die WHOIs und sozialen Informationen eines Domainnamens wie Google PageRank und 1 Count, Alexa Rank, das Datum, das eine Domain erstellt wurde, als die Domain abgibt, DNS -Namensservern erstellt wurde , Facebook teilen und mag Graf, Twitter -Tweets und LinkedIn -Aktien.

Die oben aufgeführten Dom?neninformationen werden von JSONWHOISIS -API erhalten.

Um diese Daten zu erhalten, wird eine GET -Anfrage an den Endpunkt http://jsonwhois.com/api/Whois mit Ihrer API -Taste und dem Dom?nennamen als Anforderungsparameter gesendet.

Geben Sie die URL unten in Ihren Browser ein, um verfügbare Informationen (im JSON -Format) über die Domain SitePoint.com:

anzugeben:

http://jsonwhois.com/api/whois/?apiKey=54183ad8c433fac10b6f5d7c&domain=sitepoint.com

Es stammt aus dem JSON -Objekt, das das von uns entwickelnde Widget aus erstellt.

Wenn Sie in diesem Tutorial vorne springen m?chten, k?nnen Sie eine Demo des Widgets anzeigen und das Widget -Plugin herunterladen.

Codieren des Widgets

Fügen Sie zuerst den Plugin -Header hinzu.

<span><span><?php
</span></span><span>
</span><span><span>/*
</span></span><span><span>Plugin Name: Domain Whois and Social Data
</span></span><span><span>Plugin URI: https://www.sitepoint.com
</span></span><span><span>Description: Display whois and social data of a Domain.
</span></span><span><span>Version: 1.0
</span></span><span><span>Author: Agbonghama Collins
</span></span><span><span>Author URI: http://w3guy.com
</span></span><span><span>License: GPL2
</span></span><span><span>*/</span></span>

, um ein WordPress -Widget zu erstellen; Erweitern Sie zuerst die Standard -WP_WIDGE -Klasse, geben Sie die erforderlichen Klassenfunktionen oder -Methoden an und registrieren Sie schlie?lich das Widget.

Erstellen Sie eine untergeordnete Klasse, die die WP_WIDget-Klasse erweitert.

<span>class Domain_Whois_Social_Data extends WP_Widget {
</span><span>// ...</span>

Geben Sie dem Widget einen Namen und eine Beschreibung mit der __construct () magischen Methode wie folgt an.

http://jsonwhois.com/api/whois/?apiKey=54183ad8c433fac10b6f5d7c&domain=sitepoint.com

Wir erstellen eine Methode namens JSON_WHOIS_API, die zwei Argumente akzeptiert: die Domain zur Abfrage und Ihre API Objekt mit json_decode () Funktion.

<span><span><?php
</span></span><span>
</span><span><span>/*
</span></span><span><span>Plugin Name: Domain Whois and Social Data
</span></span><span><span>Plugin URI: https://www.sitepoint.com
</span></span><span><span>Description: Display whois and social data of a Domain.
</span></span><span><span>Version: 1.0
</span></span><span><span>Author: Agbonghama Collins
</span></span><span><span>Author URI: http://w3guy.com
</span></span><span><span>License: GPL2
</span></span><span><span>*/</span></span>

Für jede Dom?neninformation wird das Widget angezeigt. Eine Methode, die die einzelnen Daten zurückgibt, wird ebenfalls erstellt. Das hei?t, eine Methode, die den Alexa -Rang, PageRank usw. zurückgibt, wird erstellt.

bemerkenswerte

Für diejenigen, die neu in der Entwicklung von PHP -Programmier- und WordPress -Plugin -Entwicklung sind, finden Sie das so etwas wie dieses seltsame:

<span>class Domain_Whois_Social_Data extends WP_Widget {
</span><span>// ...</span>

Das -> wird verwendet, um auf eine Objekteigenschaft zuzugreifen, und [] für den Zugriff auf ein Array.

Der Grund dafür ist, dass die Antwort von JSONWHOIS, nachdem er in ein Objekt dekodiert wurde Der folgende Code erl?utert diese $ -FORBOCK-> Facebook-> Daten [0]-> Share_Count;

In keiner bestimmten Reihenfolge finden Sie unten die Klassenmethoden oder -funktionen, die die verschiedenen Dom?neninformationen zurückgeben, die das WordPress -Widget angezeigt wird.

<span>function __construct() {
</span>		<span><span>parent::</span>__construct(
</span>			<span>'whois_social_widget', // Base ID
</span>			<span>__( 'Domain Whois and Social Data', 'dwsd' ), // Name
</span>			<span>array( 'description' => __( 'Display whois and social data of a Domain.', 'dwsd' ), ) // Description
</span>		<span>);
</span>	<span>}</span>

<span>/**
</span><span>	 * Retrieve the response body of the API GET request and convert it to an object
</span><span>	 * 
</span><span>	 * <span>@param $domain
</span></span><span>	 * <span>@param $api_key
</span></span><span>	 *
</span><span>	 * <span>@return <span>object|mixed</span>
</span></span><span>	 */
</span>	<span>public function json_whois_api( $domain, $api_key ) {
</span>
		<span>$url = 'http://jsonwhois.com/api/whois/?apiKey=' . $api_key . '&domain=' . $domain;
</span>
		<span>$request = wp_remote_get( $url );
</span>
		<span>$response_body = wp_remote_retrieve_body( $request );
</span>
		<span>$decode_json_to_object = json_decode( $response_body );
</span>
		<span>return $decode_json_to_object;
</span>
	<span>}</span>

<span>return $response_data->social->facebook->data[0]->share_count;</span>

<span>[facebook] => stdClass Object
</span>                <span>(
</span>                    <span>[data] => Array
</span>                        <span>(
</span>                            <span>[0] => stdClass Object
</span>                                <span>(
</span>                                    https<span>%3A%2F%2Feditor.sitepoint.com => https://www.sitepoint.com
</span>                                    <span>[normalized_url] => https://www.sitepoint.com/
</span>                                    <span>[share_count] => 1094
</span>                                    <span>[like_count] => 448
</span>                                    <span>[comment_count] => 161
</span>                                    <span>[total_count] => 1703
</span>                                    <span>[commentsbox_count] => 0
</span>                                    <span>[comments_fbid] => 501562723433
</span>                                    <span>[click_count] => 138
</span>                                <span>)
</span>
                        <span>)
</span>
                <span>)</span>

<span>/**
</span><span>	 * Get the domain Alexa Rank
</span><span>	 *
</span><span>	 * <span>@param <span>object</span> $response_data JSON decoded response body
</span></span><span>	 *
</span><span>	 * <span>@return <span>integer</span>
</span></span><span>	 */
</span>	<span>public function alexa_rank( $response_data ) {
</span>
		<span>return $response_data->alexa->rank;
</span>
	<span>}</span>

<span>/**
</span><span>	 * Number of times domain have been tweeted
</span><span>	 *
</span><span>	 * <span>@param <span>object</span> $response_data JSON decoded response body
</span></span><span>	 *
</span><span>	 * <span>@return <span>integer</span>
</span></span><span>	 */
</span>	<span>public function twitter_tweets( $response_data ) {
</span>
		<span>return $response_data->social->twitter->count;
</span>
	<span>}</span>

<span>/**
</span><span>	 * Number of times domain have been shared on Facebook
</span><span>	 *
</span><span>	 * <span>@param <span>object</span> $response_data JSON decoded response body
</span></span><span>	 *
</span><span>	 * <span>@return <span>integer</span>
</span></span><span>	 */
</span>	<span>public function facebook_share_count( $response_data ) {
</span>
		<span>return $response_data->social->facebook->data[0]->share_count;
</span>
	<span>}</span>

<span>/**
</span><span>	 * Number of times domain have been liked on Facebook
</span><span>	 *
</span><span>	 * <span>@param <span>object</span> $response_data JSON decoded response body
</span></span><span>	 *
</span><span>	 * <span>@return <span>mixed</span>
</span></span><span>	 */
</span>	<span>public function facebook_like_count( $response_data ) {
</span>
		<span>return $response_data->social->facebook->data[0]->like_count;
</span>
	<span>}</span>

<span>/**
</span><span>	 * Number of times domain have been shared to LinkedIn
</span><span>	 *
</span><span>	 * <span>@param <span>object</span> $response_data JSON decoded response body
</span></span><span>	 *
</span><span>	 * <span>@return <span>integer</span>
</span></span><span>	 */
</span>	<span>public function linkedin_share( $response_data ) {
</span>
		<span>return $response_data->social->linkedIn;
</span>
	<span>}</span>

Das Formular für Back-End-Widget-Einstellungen wird mit der Form (Form ()) erstellt, die aus drei Formfeldern besteht, in der der Widget-Titel, die Dom?ne und Ihr API-Schlüssel untergebracht sind.

<span>/**
</span><span>	 * Number of times domain have been shared on Google+
</span><span>	 *
</span><span>	 * <span>@param <span>object</span> $response_data JSON decoded response body
</span></span><span>	 *
</span><span>	 * <span>@return <span>integer</span>
</span></span><span>	 */
</span>	<span>public function google_share( $response_data ) {
</span>
		<span>return $response_data->social->google;
</span>
	<span>}</span>

<span>/**
</span><span>	 * Google PageRank of Domain
</span><span>	 *
</span><span>	 * <span>@param <span>object</span> $response_data JSON decoded response body
</span></span><span>	 *
</span><span>	 * <span>@return <span>integer</span>
</span></span><span>	 */
</span>	<span>public function google_page_rank( $response_data ) {
</span>
		<span>return $response_data->google->rank;
</span>
	<span>}</span>

Wenn das Widget -Formular ausgefüllt wird, sankt die update () -Methode und speichert die eingegebenen Werte in der Datenbank zur Wiederverwendung.

<span>/**
</span><span>	 *Domain name servers
</span><span>	 *
</span><span>	 * <span>@param <span>object</span> $response_data JSON decoded response body
</span></span><span>	 *
</span><span>	 * <span>@return <span>string</span>
</span></span><span>	 */
</span>	<span>public function domain_nameservers( $response_data ) {
</span>
		<span>$name_servers = $response_data->whois->domain->nserver;
</span>
		<span>return $name_servers->{0} . ' ' . $name_servers->{1};
</span>
	<span>}</span>

Die Widget () -Methode zeigt das Widget im Front-End von WordPress an.

<span>/**
</span><span>	 * Date domain was created
</span><span>	 *
</span><span>	 * <span>@param <span>object</span> $response_data JSON decoded response body
</span></span><span>	 *
</span><span>	 * <span>@return <span>mixed</span>
</span></span><span>	 */
</span>	<span>public function date_created( $response_data ) {
</span>
		<span>return $response_data->whois->domain->created;
</span>	<span>}</span>

Code Erl?uterung: Erstens werden die gespeicherten Widget -Formwerte (Titel, Dom?ne und API -Schlüssel) aus der Datenbank abgerufen und in einer Variablen gespeichert.

<span>/**
</span><span>	 * Domain expiration date
</span><span>	 *
</span><span>	 * <span>@param <span>object</span> $response_data JSON decoded response body
</span></span><span>	 *
</span><span>	 * <span>@return <span>mixed</span>
</span></span><span>	 */
</span>	<span>public function expiration_date( $response_data ) {
</span>
		<span>return $response_data->whois->domain->expires;
</span>	<span>}</span>

Die Dom?ne und die API -Schlüssel werden an die Methode json_Whois_api übergeben, wobei die resultierende Antwortk?rper auf $ api_response gespeichert sind.

Aufrufe zu den verschiedenen Methoden, die die Dom?nendaten zurückgeben, werden mit der Antwortk?rper ($ api_response) als Argument durchgeführt.

Schlie?lich schlie?en wir die Widget -Klasse.

Die Widget -Klasse muss registriert werden, indem sie an Widgets_init -Aktion angeschlossen werden, damit sie von WordPress -Interna erkannt wird.

/**
	 * Back-end widget form.
	 *
	 * @see WP_Widget::form()
	 *
	 * @param array $instance Previously saved values from database.
	 *
	 * @return string
	 */
	public function form( $instance ) {
		if ( isset( $instance['title'] ) ) {
			$title = $instance['title'];
		} else {
			$title = __( 'Domain Whois & Social Data', 'dwsd' );
		}

		$domain_name = isset( $instance['domain_name'] ) ? $instance['domain_name'] : '';

		$api_key = isset( $instance['api_key'] ) ? $instance['api_key'] : '54183ad8c433fac10b6f5d7c';

		?>
		<span><span><span><p</span>></span>
</span>			<span><span><span><label</span> for<span>="<span><?php echo $this->get_field_id( 'title' ); ?></span>"</span>></span><span><?php _e( 'Title:' ); ?></span><span><span></label</span>></span>
</span>			<span><span><span><input</span> class<span>="widefat"</span> id<span>="<span><?php echo $this->get_field_id( 'title' ); ?></span>"</span>
</span></span><span>			       <span>name<span>="<span><?php echo $this->get_field_name( 'title' ); ?></span>"</span> type<span>="text"</span>
</span></span><span>			       <span>value<span>="<span><?php echo esc_attr( $title ); ?></span>"</span>></span>
</span>		<span><span><span></p</span>></span>
</span>
		<span><span><span><p</span>></span>
</span>			<span><span><span><label</span>
</span></span><span>				<span>for<span>="<span><?php echo $this->get_field_id( 'domain_name' ); ?></span>"</span>></span><span><?php _e( 'Domain name (without http://)' ); ?></span><span><span></label</span>></span>
</span>			<span><span><span><input</span> class<span>="widefat"</span> id<span>="<span><?php echo $this->get_field_id( 'domain_name' ); ?></span>"</span>
</span></span><span>			       <span>name<span>="<span><?php echo $this->get_field_name( 'domain_name' ); ?></span>"</span> type<span>="text"</span>
</span></span><span>			       <span>value<span>="<span><?php echo esc_attr( $domain_name ); ?></span>"</span>></span>
</span>		<span><span><span></p</span>></span>
</span>
		<span><span><span><p</span>></span>
</span>			<span><span><span><label</span> for<span>="<span><?php echo $this->get_field_id( 'api_key' ); ?></span>"</span>></span><span><?php _e( 'API Key)' ); ?></span><span><span></label</span>></span>
</span>			<span><span><span><input</span> class<span>="widefat"</span> id<span>="<span><?php echo $this->get_field_id( 'api_key' ); ?></span>"</span>
</span></span><span>			       <span>name<span>="<span><?php echo $this->get_field_name( 'api_key' ); ?></span>"</span> type<span>="text"</span>
</span></span><span>			       <span>value<span>="<span><?php echo esc_attr( $api_key ); ?></span>"</span>></span>
</span>		<span><span><span></p</span>></span>
</span>	<span><span><?php
</span></span><span>	<span>}</span></span>

unten finden Sie einen Screenshot des Widgets.

<span>/**
</span><span>	 * Sanitize widget form values as they are saved.
</span><span>	 *
</span><span>	 * <span>@see WP_Widget::update()
</span></span><span>	 *
</span><span>	 * <span>@param <span>array</span> $new_instance Values just sent to be saved.
</span></span><span>	 * <span>@param <span>array</span> $old_instance Previously saved values from database.
</span></span><span>	 *
</span><span>	 * <span>@return <span>array</span> Updated safe values to be saved.
</span></span><span>	 */
</span>	<span>public function update( $new_instance, $old_instance ) {
</span>		<span>$instance                = array();
</span>		<span>$instance['title']       = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
</span>		<span>$instance['domain_name'] = ( ! empty( $new_instance['domain_name'] ) ) ? strip_tags( $new_instance['domain_name'] ) : '';
</span>
		<span>return $instance;
</span>	<span>}</span>

eine Demo des Widgets anzeigen

verwandte Ressourcen

Wenn Sie mehr darüber erfahren m?chten, wie WordPress -Widgets funktionieren, interessieren Sie sich m?glicherweise für die folgenden Artikel:

• WordPress -Widget -API
• Erstellen Sie ein Registerkarten -WordPress -Login- und Registrierungs -Widget
Erstellen von Widgets in WordPress über die Widgets API
Erstellen eines Weltcups 2014 WordPress Widget

up

Um weiter zu verstehen, wie das Widget erstellt wurde und wie Sie es auf Ihrer WordPress -Site implementieren, laden Sie das Widget -Plugin von Github herunter.

Wie ich bereits erw?hnt habe, ist dieser Artikel der erste in einer Reihe, die demonstriert, wie die WordPress -HTTP -API in einem Plugin verwendet wird.

Achten Sie darauf, den WordPress -Kanal für ?hnliche Tutorials im Auge zu behalten.

Bis wir uns wieder treffen, fr?hliche Codierung!

H?ufig gestellte Fragen zum Erstellen einer Domain -Whois- und sozialen Daten WordPress Widget

Wie kann ich die Domain Whois und Social Data WordPress -Widget auf meiner Website installieren? Nach dem Herunterladen k?nnen Sie es installieren, indem Sie zu Ihrem WordPress -Dashboard navigieren, auf "Plugins" klicken, dann "neu hinzufügen" und schlie?lich "Plugin hochladen". Sie k?nnen dann die heruntergeladene Datei ausw?hlen und auf "Jetzt installieren" klicken. Nachdem das Plugin installiert wurde, klicken Sie auf "Aktivieren", um es zu verwenden.

Kann ich das Erscheinungsbild des Widgets auf meiner Website anpassen? Passen Sie das Thema Ihrer Website an. Das Plugin verfügt über eine CSS -Datei, die Sie ?ndern k?nnen, um das Erscheinungsbild des Widgets zu ?ndern. Sie k?nnen die Farben, Schriftarten und Layout zu Ihren Einstellungen ?ndern.

Wie kann ich das Widget verwenden, um nach Dom?neninformationen zu suchen? Es wird nach Dom?neninformationen gesucht, indem Sie den Dom?nennamen im Suchfeld eingeben und auf "Suche" klicken. Das Widget zeigt dann die WHOIS -Informationen für die Dom?ne an, einschlie?lich des Registrierungsstatus der Dom?ne, der Eigentümerinformationen und mehr.

Kann ich das Widget verwenden, um nach sozialen Daten zu suchen? Mit Widget k?nnen Sie auch nach sozialen Daten suchen. Es kann Informationen von verschiedenen Social -Media -Plattformen abrufen, einschlie?lich Facebook, Twitter und LinkedIn. Dies kann zum Verst?ndnis der Social -Media -Pr?senz einer Dom?ne nützlich sein.

Ist das Widget mit allen WordPress -Themen kompatibel? Es kann jedoch einige Themen geben, mit denen es aufgrund ihrer spezifischen Codierung oder ihres Designs nicht gut funktioniert. Wenn Sie auf Probleme sto?en, wird empfohlen, den Plugin -Entwickler zu kontaktieren, um Unterstützung zu erhalten.

Kann ich das Widget auf mehreren Websites verwenden? Sie müssen sie jedoch einzeln installieren und aktivieren.

Wird das Widget regelm??ig aktualisiert? Um neue Funktionen hinzuzufügen oder Fehler zu beheben. Sie k?nnen nach Updates aus Ihrem WordPress -Dashboard suchen.

unterstützt das Widget internationale Domainnamen? Es kann WHOIS -Informationen für in verschiedene L?nder registrierte Dom?nen und mit unterschiedlichen Dom?nenerweiterungen abrufen.

Kann ich das Widget verwenden, um die Verfügbarkeit einer Domain zu überprüfen? überprüfen Sie die Verfügbarkeit einer Domain. Wenn die Dom?ne nicht registriert ist, zeigt das Widget eine Nachricht an, die angibt, dass die Dom?ne verfügbar ist. Keine festgelegte Grenze für die Anzahl der Suchvorg?nge, die Sie mit dem Widget ausführen k?nnen. überm??iger Gebrauch kann jedoch zu einer vorübergehenden IP -Blockierung der WHOIS -Server führen, um Missbrauch zu verhindern. Es wird empfohlen, das Widget verantwortungsbewusst zu verwenden.

Das obige ist der detaillierte Inhalt vonErstellen eines Domain -Whois- und Social -Data -WordPress -Widgets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!