] लाइब्रेरी प्रमुख WP संसाधनों (उपयोगकर्ताओं, पोस्ट, टिप्पणियों, मीडिया, वर्गीकरणों) का समर्थन करती है। हम इसके उपयोग में आसानी को दिखाने वाली सुविधाओं का निर्माण करेंगे: JWT प्रमाणीकरण, उपयोगकर्ता और पोस्ट लिस्टिंग, और पोस्ट CRUD (बनाएँ, पढ़ें, अपडेट, डिलीट) संचालन। पूरा स्रोत कोड GitHub पर है। जबकि यह ट्यूटोरियल कोणीय 5 का उपयोग करता है, अवधारणाएं कोणीय 2 पर लागू होती हैं।

महत्वपूर्ण अवधारणाएं:

] ] ] एसिंक्रोनस एपीआई संभालना ]

• की स्थापना:
यह ट्यूटोरियल एक स्व-होस्टेड वर्डप्रेस उदाहरण का उपयोग करता है। Permalinks सक्षम करें (निर्देशों के लिए WordPress Codex देखें; nginx के लिए,
• try_files $ uri $ uri / / index.php? सुरक्षित एपीआई एक्सेस के लिए JWT प्रमाणीकरण प्लगइन स्थापित करें।
]
• ] ] ]
] आयात {httpclientModule, httpclient} '@ogular/common/http' से; आयात {wpapimodule, wpapiloader, wpapistaticloader} 'wp-api-angular' से; @Ngmodule ({ // ... आयात: [ Browsermodule, फॉर्ममॉड्यूल, Httpclientmodule, Wpapimodule.forroot ({ प्रदान करें: wpapiloader, उपयोग: wpapiloaderfactory, DEPS: [HTTP] }) ], // ... }) निर्यात समारोह WPAPiloaderFactory (http: http) { नया WPAPISTATICLOADER (HTTP, 'http: // your_domain_here/wp-json/wp/v2/', '') लौटें; }
] इसके अलावा,
• app.component.ts
(

, httpclientmodule ,

में आवश्यक आयात जोड़ें। ] ] एक प्रमाणीकरण घटक बनाएँ ]

प्रामाणिक () { this.http.post ('http: // your_domain/wp-json/jwt-auth/v1/token', { उपयोगकर्ता नाम: this.user.login, पासवर्ड: this.user.password })। सदस्यता (डेटा => {{ if (डेटा ['टोकन']) { this.token = डेटा ['टोकन']; this.tokenchange.emit (this.token); } }); }

]
1. ] एक
उपयोगकर्ता-सूची बनाएँ ]
2. ] ] JWT प्राधिकरण हेडर के साथ wpapiposts.create ()
का उपयोग करें। ] पोस्ट करने के लिए
3. wpapiposts.getlist () का उपयोग करें। ] JWT प्राधिकरण हेडर के साथ
wpapiposts.delete ()

import { Http } from '@angular/http';
import { HttpClientModule, HttpClient } from '@angular/common/http';
import { WpApiModule, WpApiLoader, WpApiStaticLoader } from 'wp-api-angular';

@NgModule({
  // ...
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    WpApiModule.forRoot({
      provide: WpApiLoader,
      useFactory: WpApiLoaderFactory,
      deps: [Http]
    })
  ],
  // ...
})

export function WpApiLoaderFactory(http: Http) {
  return new WpApiStaticLoader(http, 'http://YOUR_DOMAIN_HERE/wp-json/wp/v2/', '');
}

निष्कर्ष: यह ट्यूटोरियल वर्डप्रेस रेस्ट एपीआई के साथ कोणीय को एकीकृत करने के लिए एक नींव प्रदान करता है। wp-api-angular पुस्तकालय इस प्रक्रिया को सरल बनाता है, जो आपके कोणीय अनुप्रयोगों के भीतर वर्डप्रेस सामग्री के कुशल प्रबंधन के लिए अनुमति देता है। प्रमाणीकरण को सुरक्षित रूप से संभालने के लिए याद रखें और प्रभावी ढंग से एसिंक्रोनस संचालन का प्रबंधन करें। प्रदान किए गए कोड स्निपेट और स्पष्टीकरण आपको वर्डप्रेस एपीआई के साथ अधिक जटिल इंटरैक्शन बनाने में मदद कर सकते हैं।