หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

การรับรอง

ใช้ข้อมูลใด ๆ เป็นบริการ

ไลบรารีปฏิกิริยาที่ใช้งานง่ายและใช้งานง่ายสำหรับการสมัครรับข้อมูลใด ๆ มีตะขอสำหรับ React JS

มันทำอะไรกันแน่?

ช่วยโปรแกรมเมอร์ (ทั้งด้านหลังและด้านหน้า) เพื่อหลีกเลี่ยงความซับซ้อนของระบบการจัดการสถานะแบบดั้งเดิมเช่น React Redux และไลบรารีรูปแบบการเขียนโปรแกรมแบบปฏิกิริยาเช่น RXJS มันมีน้ำหนักเบาและใช้งานง่ายไลบรารีมีฟังก์ชั่นหลักหนึ่งฟังก์ชั่นและเบ็ดสำหรับการตอบสนอง ด้วยการใช้มันเราสามารถสมัครสมาชิกประเภทข้อมูลส่วนใหญ่เช่นดั้งเดิมที่ซับซ้อนสัญญาและฟังก์ชั่นเป็นบริการและรับการเปลี่ยนแปลงทั้งหมดโดยพารามิเตอร์เฉพาะ (การสมัครสมาชิกพารามิเตอร์) เราไม่จำเป็นต้องควบคุมกระบวนการสมัครสมาชิก UNSubscribe ใน React ด้วย hook อย่างง่ายมันจะทำทุกกระบวนการโดยอัตโนมัติ

ติดตั้ง 

npm i @ barteh/as-service --save

การใช้งาน

นำเข้าห้องสมุด 

 import { AsService , Server } from "@barteh/as-service" ;

หนึ่ง: ประเภทดั้งเดิม (หมายเลข | สตริง | อาร์เรย์) เป็นบริการ 

 var srv1 = new AsService ( 5 ) ; // number as service
srv1 . Observable ( )
. subscribe ( a => console . log ( "ser1 data via observable is:" , a ) ) ;

srv1 . load ( ) . then ( a => console . log ( "ser1 data via promis:" , a ) ) ;

สอง: วัตถุบริสุทธิ์เป็นบริการ 

 var srv2 = new AsService ( { x : 9 } ) ; // object as service

srv2 . Observable ( )
. subscribe ( a => console . log ( "ser2 data via observable is:" , a ) ) ;

srv2 . load ( ) . then ( a => console . log ( "ser2 data via promis:" , a ) ) ;

สาม: ฟังก์ชั่นเป็นบริการ (พารามิเตอร์สังเกตได้) 

 var srv3 = new AsService ( param => param * 3 ) ; // function as service
srv3 . Observable ( 2 ) //parametric observe
. subscribe ( a => console . log ( "ser3 data via observable is:" , a ) ) ;

//passing (Number) 2  as parameter
srv3 . load ( 2 ) . then ( a => console . log ( "ser3 data via promis:" , a ) ) ;

สี่: สัญญาว่าเป็นบริการ 

 var ser4 = new AsService ( param => new Promise ( ( res , rej ) => res ( `im promise with parameter: ${ param } ` ) ) ) ;

ser4 . Observable ( "myparam" )
. subscribe ( a => console . log ( "srv4: " , a ) ) ;

ser4 . load ( "myparam" ) ;

ห้า: XHR เป็นบริการ

การใช้ชื่อวิธีการขั้นสูงในตัว [เซิร์ฟเวอร์] ห่อ Axios สำหรับข้อมูลย้อนกลับจากเซิร์ฟเวอร์ HTTP และ LocalForge สำหรับข้อมูลแคช ตัวอย่างต่อไปนี้ใช้คลาส [เซิร์ฟเวอร์] เป็นอินพุตของ asservice คุณสามารถใช้ไลบรารี XHR ของคุณเองแทนสิ่งนี้

ถ้า http: //myserver/contacts/getContact.ctrl HTTP REST Service มีอยู่ 

 import { AsService , Server } from "@barteh/as-service"

var controller1 = ( x , y ) => Server . controller ( "contacts" , "getcontact" , { name : x , lname : y } ) ;

var srv5 = new AsService ( controller1 ) ;

srv5 . Observable ( "Ahad" , "Rafat" )
. subscribe ( a => console . log ( "srv5:" , a ) ) ;

หก: สังเกตรัฐ

สถานะปัจจุบันของบริการคือสถานะที่สังเกตได้สามารถเป็นหนึ่งใน ["start", "โหลด", "idle"] 

 var srv6 = new AsService ( 8 ) ;

srv6 . StateObservable ( 77 ) . subscribe ( a => console . log ( "current state is: " , a ) )

srv6 . load ( 77 ) ;

เอาท์พุท 

 > ser1 data via observable is: 5
> ser2 data via observable is: { x: 9 }
> ser3 data via observable is: 6
> srv4:  im promise with parameter: myparam

เจ็ด: asservice เป็น asservice (บริการเรียกซ้ำ)

ASN Asservice สามารถใช้อาร์กิวเมนต์ของตัวสร้างด้วยการเลื่อนเวลา แต่โหลดตัวโหลดเดียวกัน สิ่งนี้มีประโยชน์ในการรับบริการจากอื่น ๆ เป็นสิ่งสำคัญหากคุณต้องการลดจำนวนบริการที่ซับซ้อนและเพิ่มความสามารถในการนำรหัสกลับมาใช้ใหม่ 

 const ser1 = new AsService ( [ 5 , 6 , 7 , 8 ] ) ;
const ser2 = new AsService ( ser1 , /*mapper*/ a => a . map ( b => b * 2 ) ) ; //=> [10,12,14,16]

แปด: รับจากบริการโดยใช้ตัวดำเนินการ MAP ()

คุณสามารถสร้างบริการใหม่ที่ได้จากบริการอื่นโดยใช้ตัวดำเนินการแผนที่ ตัวดำเนินการนี้ส่งทั้งข้อมูลและพารามิเตอร์ไปยังฟังก์ชั่น MAPPER พารามิเตอร์ Mapper อาจเป็นมากกว่าพารามิเตอร์ตัวโหลด 

 /*map(data,...params)*/
const ser1 = new AsService ( ( x , y ) => x + y ) ;
const ser2 = ser1 . map ( ( data , x , y , z ) => data + z ) ;

ser1 . load ( /*x*/ 1 , /*y*/ , 2 , /*z*/ , 3 )
. then ( a => console . log ( a ) ) ;
// output 
// > 6


 const ser1 = new AsService ( [ 5 , 6 , 7 , 8 ] ) ;
const ser2 = ser1 . map ( a => a . filter ( b => b < 7 ) ) ; // ==> [5,6]

ทดสอบ

npm test

ใช้ทั้งสำหรับเว็บและโหนด JS

สร้าง

npm run build

ใช้ใน ES5 

 var { AsService } = require ( "@barteh/as-service" ) ;

var t = new AsService ( 8 ) ;

t . Observable ( )
. subscribe ( a => console . log ( a ) )

ใบอนุญาต: MIT

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด