खोज इंजन द्वारा एप्लिकेशन को अनुक्रमणित करने और लोडिंग को गति देने के लिए अनुरोध किए गए पृष्ठ में GWT RPC का क्रमांकन

जैसा कि आप जानते हैं, खोज इंजन वास्तव में गतिशील रूप से उत्पन्न पृष्ठों को पसंद नहीं करते हैं, और GWT पृष्ठ (एप्लिकेशन) बस गतिशील है।

खोज रोबोट कुछ सामग्री को अनुक्रमित करने में सक्षम होने के लिए, यह सामग्री अपने लोडिंग के समय html पेज में उपलब्ध होनी चाहिए, और विशिष्ट GWT अनुप्रयोगों में, सामग्री को सर्वर से RPC अनुरोध के माध्यम से अनुरोध किया जाता है और एक इंटरफ़ेस बनाता है।
इस समस्या को दरकिनार करने के लिए, आवेदन लोड करते समय सर्वर से अनुरोधित सामग्री को पृष्ठ पर क्रमबद्ध करने का एक तरीका लागू किया जा सकता है।
इस पद्धति का एक अतिरिक्त बोनस आवेदन की शुरुआत में तेजी लाने के लिए है, क्योंकि डेटा के लिए सर्वर पर जाने की आवश्यकता नहीं है।

ऑपरेशन का सिद्धांत इस प्रकार है:

• डीटीओ के लिए जो सर्वर से प्रसारित होते हैं, एक अतिरिक्त विधि जोड़ी जाती है (उदाहरण के लिए, एक अमूर्त अभिभावक वर्ग को जोड़कर जो सामग्री को खोज इंजन द्वारा पसंद किए गए फॉर्म में परिवर्तित करता है।
  

  public abstract class GWTBootstrapDTO implements IsSerializable { public abstract String getBootstrap(); } 

  
  
• सर्वर पर होस्ट पेज बनाते समय, आरपीसी इंटरफेस के साथ सर्वलेट के लिए एक अनुरोध किया जाता है और प्राप्त सामग्री को क्रमबद्ध (थोड़ा बाद में क्रमांकन के बारे में) किया जाता है।
• इसके बाद, अनुक्रमण के लिए सामग्री उत्पन्न पृष्ठ में <noscript> टैग में लोड की जाती है।
• उपयोगकर्ता द्वारा पृष्ठ प्राप्त किए जाने के बाद, एप्लिकेशन शुरू होता है, और सभी प्रारंभिक डेटा होस्ट पृष्ठ से डीरियलाइज़ किए जाते हैं।
• खोज इंजन के लिए डेटा भी पृष्ठ पर मौजूद है और अनुक्रमण के लिए उपलब्ध है।

स्रोत डेटा
सेवा:

 package com.oshift.ui.client.forummanamegemt; import com.google.gwt.user.client.rpc.RemoteService; import com.google.gwt.user.client.rpc.RemoteServiceRelativePath; import com.oshift.ui.shared.forum.GWTForum; import java.util.ArrayList; @RemoteServiceRelativePath("forummanagementservice") public interface ForumManagementService extends RemoteService { public ArrayList<GWTForum> getForums(); } 

सर्वलेट:

 package com.oshift.ui.server.forummanamegemt; import com.google.gwt.user.server.rpc.RemoteServiceServlet; import com.oshift.ui.client.forummanamegemt.ForumManagementService; import com.oshift.ui.shared.forum.GWTForum; import com.oshift.ws.db.forummanagement.Forum; import com.oshift.ws.db.forummanagement.Mapper; import com.oshift.ws.ejb.ForumManagerBean; import java.util.ArrayList; import javax.ejb.EJB; import javax.servlet.ServletException; public class ForumManagementServiceImpl extends RemoteServiceServlet implements ForumManagementService { public static ForumManagementServiceImpl instance = null; //    @Override public void init() throws ServletException { super.init(); instance = this; } //-    , ,   EJB @EJB private ForumManagerBean forumBean; @Override public ArrayList<GWTForum> getForums() { ArrayList<GWTForum> res = new ArrayList<GWTForum>(); for (Forum f : forumBean.getForums()) { GWTForum toGwt = Mapper.ForumMap.toGwt(f); res.add(toGwt); } return res; } } 

क्रमांकन के लिए DTO ऑब्जेक्ट:
* एक महत्वपूर्ण बिंदु, अपने आप को SerializationPolicy स्थापित करने के दर्द से छुटकारा पाने के लिए, ये ऑब्जेक्ट IsSerializable इंटरफ़ेस लागू करते हैं।

 package com.oshift.ui.shared.forum; import com.google.gwt.safehtml.shared.SafeHtml; import com.google.gwt.safehtml.shared.SafeHtmlUtils; import com.google.gwt.user.client.rpc.IsSerializable; import java.util.ArrayList; public class GWTForum extends GWTBootstrapDTO implements IsSerializable { public String forumName = " "; public ArrayList<GWTTopic> topics = new ArrayList<GWTTopic>(); public GWTForum() { } @Override public String getBootstrap() { String res = "Forum name: " + forumName + "<br>"; for (GWTTopic t : topics) { res += t.getBootstrap(); } //,     SafeHtml fromString = SafeHtmlUtils.fromString(res); return fromString.asString(); } } package com.oshift.ui.shared.forum; import com.google.gwt.safehtml.shared.SafeHtml; import com.google.gwt.safehtml.shared.SafeHtmlUtils; import com.google.gwt.user.client.rpc.IsSerializable; public class GWTTopic extends GWTBootstrapDTO implements IsSerializable { public String topicName = ""; @Override public String getBootstrap() { String res = " : " + topicName + "</br>"; SafeHtml fromString = SafeHtmlUtils.fromString(res); return fromString.asString(); } } 

सर्वर-साइड क्रमांकन प्रक्रिया (सादगी के लिए, सीधे jsp में):

 <%@page import="com.google.gwt.safehtml.shared.SafeHtmlUtils"%> <%@page import="com.oshift.ws.ejb.ForumManagerBean"%> <%@page import="javax.ejb.EJB"%> <%@page import="java.lang.reflect.Method"%> <%@page import="com.oshift.ui.client.forummanamegemt.ForumManagementService"%> <%@page import="com.google.gwt.user.server.rpc.RPC"%> <%@page import="java.util.ArrayList"%> <%@page import="com.oshift.ui.shared.forum.GWTForum"%> <%@page import="com.oshift.ui.server.forummanamegemt.ForumManagementServiceImpl"%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <% //  ArrayList<GWTForum> forumsList = ForumManagementServiceImpl.instance.getForums(); //   Method m = ForumManagementService.class.getMethod("getForums"); //       - String forums = SafeHtmlUtils.fromString(RPC.encodeResponseForSuccess(m, forumsList)).asString(); //   noscript  StringBuilder noscriptSb = new StringBuilder(); for (GWTForum f : forumsList) { noscriptSb.append(f.getBootstrap()); } String noscript = noscriptSb.toString(); %> <!DOCTYPE html> <html> <head> <script type="text/javascript" language="javascript"> var forums='<%=forums%>'; </script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Forums index</title> <link href="res/gfStyle.css" type="text/css" rel="stylesheet"/> <link href="res/login.css" type="text/css" rel="stylesheet"/> <meta name='gwt:module' content='com.oshift.ui.index=com.oshift.ui.index'> <script type="text/javascript" src="com.oshift.ui.index/com.oshift.ui.index.nocache.js"></script> </head> <body> ... <noscript> <%=noscript%> </noscript> 

क्लाइंट-साइड डिसेरलाइज़ेशन प्रक्रिया:

 package com.oshift.ui.client; import com.google.gwt.core.client.EntryPoint; import com.google.gwt.core.shared.GWT; import com.google.gwt.user.client.Window; import com.google.gwt.user.client.rpc.SerializationException; import com.google.gwt.user.client.rpc.SerializationStreamFactory; import com.google.gwt.user.client.ui.HTML; import com.google.gwt.user.client.ui.RootPanel; import com.google.gwt.user.client.ui.Widget; import com.oshift.ui.client.forummanamegemt.ForumManagementServiceAsync; import com.oshift.ui.client.mainpage.ForumComposite; import com.oshift.ui.shared.forum.GWTForum; import java.util.ArrayList; public class IndexEntryPoint implements EntryPoint { // private final ForumManagementServiceAsync svc = ServicesFactory.getForumManagementServiceAsync(); @Override public void onModuleLoad() { //  unescape    String forums = new HTML(getForums()).getText(); SerializationStreamFactory ssf = (SerializationStreamFactory) svc; try { ArrayList<GWTForum> readObject = (ArrayList<GWTForum>) ssf.createStreamReader(forums).readObject(); for (GWTForum f : readObject) { //       process(f); } } catch (SerializationException ex) { //  Window.alert("       : " + ex); } ...    } //     private native String getForums()/*-{ return eval("$wnd.forums"); }-*/; } 

पृष्ठ पर मौजूद सामग्री इस तरह दिखाई देती है:

 <!DOCTYPE html> <html> <head> <script type="text/javascript" language="javascript"> //  , . var forums='//OK[7,4,6,4,5,4,3,1,3,2,1,1,["java.util.ArrayList/4159755760","com.oshift.ui.shared.forum.GWTForum/1236332786","1","com.oshift.ui.shared.forum.GWTTopic/1653537274"," 1"," 2"," 3"],0,7]'; </script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Forums index</title> <link href="res/gfStyle.css" type="text/css" rel="stylesheet"/> <link href="res/login.css" type="text/css" rel="stylesheet"/> <meta name='gwt:module' content='com.oshift.ui.index=com.oshift.ui.index'> <script type="text/javascript" src="com.oshift.ui.index/com.oshift.ui.index.nocache.js"></script> </head> <body> ... <noscript> Forum name: 1<br> :  1&lt;/br&gt; :  2&lt;/br&gt; :  3&lt;/br&gt; </noscript> </div> </body> </html> 

मुझे उम्मीद है कि मेरा लेख किसी के लिए उपयोगी होगा।