Blazor Server பயன்பாடுகளில் JavaScript மற்றும் .NET ஒருங்கிணைப்பைக் கையாளுதல்
ஜாவாஸ்கிரிப்டை.NET செயல்பாடுகளை ஒருங்கிணைப்பது Blazor Server ஐப் பயன்படுத்தும் போது எதிர்பாராத சிக்கல்களை எப்போதாவது ஏற்படுத்தலாம். JavaScript இலிருந்து NET செயல்பாடுகளை அழைக்கும்போது தோன்றும் "அழைப்பு அனுப்புநர் அமைக்கப்படவில்லை" பிழையானது டெவலப்பர்களுக்கு அடிக்கடி ஏற்படும் பிரச்சனையாகும். Blazor கூறுகளுக்கு வெளியே இருந்து static.NET செயல்பாடுகளை அழைக்க முயற்சிக்கும் போது, இந்த பிரச்சனை மிகவும் எரிச்சலூட்டும்.
இந்தக் கட்டுரையில் பிளேஸர் சர்வர் பயன்பாட்டில் இந்தச் சிக்கல் எழும் பொதுவான சூழ்நிலையை ஆராய்வோம். நீங்கள் `window.DotNet` ஆப்ஜெக்ட்டைப் பயன்படுத்தி ஜாவாஸ்கிரிப்டில் a.NET முறையை அழைக்க முயற்சிக்கும் போது, குறிப்பாக இந்த முறை ஒரு சேவையில் உள்ளடங்கியதாக இல்லாமல், ஒரு அங்கமாக இருந்தால், சிக்கல் பொதுவாக தோன்றும். பதிவு செய்தல் போன்ற தொடர்ச்சியான பணிகளுக்கு, இந்த முறை உதவியாக இருக்கும்.
நிலையான துணை சேவையை இயக்க உங்கள் பிளேஸர் சர்வர் பயன்பாட்டை எவ்வாறு கட்டமைப்பது என்பதைக் காட்டும் நிஜ உலக உதாரணத்தை நாங்கள் காண்போம். இந்தச் சேவையானது ஜாவாஸ்கிரிப்டுடன் சரியாகத் தொடர்புகொள்ள முடியும் என்பதற்கு உத்தரவாதம் அளிப்பதே இதன் நோக்கமாகும், இது டிஸ்பாச்சர் பிழைகளை விளைவிக்கும் வழக்கமான தவறுகளைத் தவிர்க்கிறது. தவறான பெயர்வெளியைப் பயன்படுத்துவதன் மூலமோ அல்லது சேவையைத் தவறாகத் தொடங்குவதன் மூலமோ இந்தச் சிக்கல்கள் எவ்வாறு ஏற்படக்கூடும் என்பதை நீங்கள் காண்பீர்கள்.
கடைசியாக, சிக்கலைச் சரிசெய்வதற்குத் தேவையான நடவடிக்கைகளை நாங்கள் மேற்கொள்வோம், மேலும் ஜாவாஸ்கிரிப்ட் உங்கள்.NET முறைகளை நிலைத்தன்மையுடன் அழைக்கும் என்பதற்கு உத்தரவாதம் அளிப்போம். இந்தச் சிக்கல்களைச் சரிசெய்வதன் மூலம் உங்கள் Blazor Server பயன்பாட்டை வலுப்படுத்தலாம் மற்றும் JavaScript இன்டெராப்பை ஆதரிக்கும் திறனை அதிகப்படுத்தலாம்.
| கட்டளை | பயன்பாட்டின் உதாரணம் |
|---|---|
| JSInvokable | இந்த பண்பு ஜாவாஸ்கிரிப்டில் இருந்து a.NET செயல்பாட்டை அழைப்பதை சாத்தியமாக்குகிறது. எடுத்துக்காட்டில் உள்ள செயல்பாடு ஜாவாஸ்கிரிப்ட் அழைப்புகளுக்கு [JSIinvokable("WriteInfo")] மூலம் கிடைக்கிறது எனக் குறிக்கப்பட்டுள்ளது, இது Blazor இல் ஜாவாஸ்கிரிப்ட் இண்டெராப்பிற்கு அவசியமானது. |
| DotNet.invokeMethodAsync | இந்த ஜாவாஸ்கிரிப்ட் செயல்பாடு ஜாவாஸ்கிரிப்டில் இருந்து static.NET முறையை ஒத்திசைவற்ற முறையில் அழைக்க பயன்படுகிறது. சாளர உதாரணம். பக்கத்திலிருந்து C# செயல்பாட்டைத் தொடங்குவதற்கு DotNet.invokeMethodAsync ('MyNamespace', 'WriteInfo', செய்தி) பயன்படுத்துவது அவசியம். |
| ILogger<T> | ASP.NET கோர் பயன்பாடுகளில், ILogger வழியாக உள்நுழைவு இயக்கப்படுகிறது |
| Mock<T> | Moq's Mock |
| Times.Once | யூனிட் சோதனையின் நேரங்கள் அழைக்கப்படும் போது முறை சரியான முறையில் செயல்படும் என்பதற்கு இது உத்தரவாதம் அளிக்கிறது. |
| builder.Services.AddSingleton | இந்த கட்டளையுடன், ASP.NET Core இல் ஒரு சேவை சார்பு ஊசி கொள்கலனில் பதிவு செய்யப்படுகிறது. பில்டர்.சேவைகள்.AddSingleton பணியமர்த்தல் |
| Debugger | பிழைத்திருத்த கருவிகள் உலாவியில் திறந்திருக்கும் போது, JavaScript பிழைத்திருத்தி; அறிக்கை ஸ்கிரிப்டை நிறுத்துகிறது. இது உண்மையான நேரத்தில் மதிப்புகளைப் பார்க்க உங்களை அனுமதிக்கிறது, இது 'நோ கால் டிஸ்பேச்சர் அமைக்கப்படவில்லை' பிழை போன்ற சிக்கல்களைக் கண்டறிய உதவியாக இருக்கும். |
| _mockLogger.Verify | This is used to verify that a method was called on a mock object in unit tests. For instance, _mockLogger.Verify(logger =>அலகு சோதனைகளில் ஒரு போலி பொருளில் ஒரு முறை அழைக்கப்பட்டதா என்பதை சரிபார்க்க இது பயன்படுத்தப்படுகிறது. உதாரணமாக, _mockLogger.Verify(logger => logger.LogInformation(message), Times.Once) பதிவு செய்யும் முறையை செயல்படுத்த சரியான வாதங்கள் பயன்படுத்தப்பட்டதா என்பதை சரிபார்க்கிறது. |
Blazor சர்வரில் ஜாவாஸ்கிரிப்டைப் புரிந்துகொள்வது
Blazor Server பயன்பாட்டில் JavaScript இலிருந்து a.NET முறையைப் பயன்படுத்துவதில் உள்ள சிக்கல் கொடுக்கப்பட்ட ஸ்கிரிப்ட்களால் தீர்க்கப்படுகிறது. புரோகிராமர்கள் ஜாவாஸ்கிரிப்டைப் பயன்படுத்தி call.NET செயல்பாடுகளைச் செய்ய முயலும்போது, "அழைப்பு அனுப்புபவர் எதுவும் அமைக்கப்படவில்லை" என்ற பிழையைப் பெறும்போது முக்கிய சிக்கல் எழுகிறது. அழைப்பு அனுப்புபவர் சரியாக உள்ளமைக்கப்பட்டுள்ளதா என்பதை Blazor Server கட்டமைப்பு சரிபார்க்கும் வரை JavaScript ஆனது.NET பின்தளத்துடன் தொடர்பு கொள்ள முடியாது என்பதால் இது நிகழ்கிறது. இந்த எடுத்துக்காட்டில்,.NET முறைகள் நிலையான சேவை வகுப்பில் சேமிக்கப்படும் , இது உலகளவில் அவற்றைக் கிடைக்கச் செய்கிறது மற்றும் சிதையக்கூடிய ஒரு குறிப்பிட்ட கூறுக்கு மட்டும் கட்டுப்படுத்தப்படவில்லை.
தி முக்கிய கட்டளையை உருவாக்குவது அவசியம் method callable from JavaScript. This attribute in the script designates the method JavaScript இலிருந்து அழைக்கக்கூடிய முறை. ஸ்கிரிப்ட்டில் உள்ள இந்த பண்புக்கூறு i>WriteInfo முறையைக் குறிக்கிறது, அதை ஜாவாஸ்கிரிப்ட் அணுகக்கூடியதாக மாற்றுகிறது. இந்தச் செய்தி-பதிவுச் சேவையின் உதவியுடன், JavaScriptஐத் திறந்து வைத்திருக்கும் போது, மையப்படுத்தப்பட்ட பதிவுக்கு.NETஐ எவ்வாறு மேம்படுத்துவது என்பதை நீங்கள் பார்க்கலாம். தி இலிருந்து சேவையை அழைக்க முறை பயன்படுத்தப்பட வேண்டும் Program.cs பயன்பாடு தொடங்கும் போது அது உடனடியாகத் தொடங்கப்படும் மற்றும் அகற்றப்படக்கூடிய தனித்தனி கூறுகளைச் சார்ந்து இருக்காது.
எடுத்துக்காட்டின் ஜாவாஸ்கிரிப்ட் பகுதியானது.NET செயல்பாட்டை ஒத்திசைவற்ற முறையில் பயன்படுத்துகிறது . அழைக்கப்படும் ஒவ்வொரு முறையும் தடுக்காத முறையில் செயலாக்கப்படுவதை இது உறுதிசெய்கிறது, இது a.NET பதிலுக்காகக் காத்திருக்கும் போது மற்ற குறியீடுகளை இடைக்காலத்தில் இயக்க உதவுகிறது. ஸ்கிரிப்ட் மீண்டும் பயன்படுத்தக்கூடிய முறையை உருவாக்குகிறது இதை ஒதுக்குவதன் மூலம் தகவலைப் பதிவு செய்ய நிரலின் எந்தப் பகுதியிலிருந்தும் அழைக்கப்படலாம் பொருள். பிழைத்திருத்தத்திற்கு, ஸ்கிரிப்ட் பயன்படுத்துகிறது a பிழைத்திருத்தி வரி, இது டெவலப்பரை இயக்க நேரத்தை இடைநிறுத்தவும் மாறிகளின் நிலையை ஆராயவும் உதவுகிறது.
உறுதி செய்தல் உலகளாவிய சாளர ஸ்கோப்பில் பொருள் அணுகக்கூடியது சரிசெய்தலின் போது அவசியம். இந்த ஆப்ஜெக்ட் இல்லாமலோ அல்லது தவறாக உள்ளமைக்கப்பட்டாலோ ஜாவாஸ்கிரிப்ட்.NET முறைகளை செயல்படுத்த முடியாது. முறையின் பெயர்வெளியில் சரியாகக் குறிப்பிடப்பட வேண்டும் பிரச்சனையைத் தடுக்க அழைக்கவும். பெயர்வெளியுடன் பொருந்தவில்லை அல்லது சேவையை சரியாகப் பதிவு செய்யத் தவறியது பொதுவான பிழைகள். சேவையை அகற்றுவதில் உள்ள சிக்கல், சேவையை ஒரு சிங்கிள்டனாகப் பதிவு செய்வதன் மூலம் தீர்க்கப்படுகிறது பில்டர்.சேவைகள்.சேர்க்க சிங்கிள்டன், இது பயன்பாட்டின் காலத்திற்கு சேவை கிடைக்கும் என்று உத்தரவாதம் அளிக்கிறது.
ஜாவாஸ்கிரிப்ட் ஒருங்கிணைப்புடன் பிளேஸர் சர்வரில் 'அழைப்பு டிஸ்பேச்சர் அமைக்கப்படவில்லை' என்பதை சரிசெய்தல்
பிளேசர் சர்வர் பயன்பாட்டில் ஜாவாஸ்கிரிப்ட் ஒருங்கிணைப்பு. நிலையான சேவை வகுப்புகள் வழியாக JavaScript அழைப்புகள்.NET முறைகள்.
namespace MyNamespace.Utility{public static class JsHelperService{static JsHelperService(){var i = 0; // Constructor breakpoint test}public static void Init() { /* Ensure initialization in Program.cs */ }[JSInvokable("WriteInfo")]public static void WriteInfo(string message){Logger.Instance.WriteInfo(message);}}}
தீர்வு 2: சார்பு ஊசி மூலம் பிளேஸர் சர்வரில் "அழைப்பு டிஸ்பேச்சர் அமைக்கப்படவில்லை" என்பதை சரிசெய்தல்
ஜாவாஸ்கிரிப்ட் அழைப்புகளுக்கு.NET செயல்பாடுகளுக்கு ஒரு நிலையான சேவைக்கு உத்தரவாதம் அளிக்க, Blazor Server சார்பு ஊசி (DI) நுட்பத்தைப் பயன்படுத்துகிறது.
namespace MyNamespace.Utility{public class JsHelperService{private readonly ILogger _logger;public JsHelperService(ILogger<JsHelperService> logger){_logger = logger;}[JSInvokable("WriteInfo")]public void WriteInfo(string message){_logger.LogInformation(message);}}}// In Program.cs, register the servicebuilder.Services.AddSingleton<JsHelperService>();
தீர்வைச் சோதித்தல்: பிளேஸர் சேவையகத்திற்கான முன்பக்கம் ஜாவாஸ்கிரிப்ட் அமைவு
அழைப்பு அனுப்புனரை உள்ளமைக்க JavaScript செயல்பாட்டைப் பயன்படுத்தவும் மற்றும் ஒரு சாளரத்தைப் பயன்படுத்தி.NET முறைகளை ஒத்திசைவற்ற முறையில் அழைக்கவும்.DotNet.
function setupLogging() {debugger; // For debuggingwindow.dotnetLogger = window.dotnetLogger || {};window.dotnetLogger.writeInfo = function (message) {window.DotNet.invokeMethodAsync('MyNamespace', 'WriteInfo', message).then(response => console.log('Info logged successfully')).catch(error => console.error('Error logging info:', error));};}
பிளேசர் சர்வர் ஜாவாஸ்கிரிப்ட் இண்டெராப்பிற்கான யூனிட் டெஸ்டிங்
ஜாவாஸ்கிரிப்ட் மற்றும் பின்தள சேவையானது Blazor Server உடன் வெற்றிகரமாக தொடர்பு கொள்கிறது என்பதை சரிபார்க்க யூனிட் சோதனைகள்.
using Xunit;public class JsHelperServiceTests{private readonly Mock<ILogger<JsHelperService>> _mockLogger;private readonly JsHelperService _jsHelperService;public JsHelperServiceTests(){_mockLogger = new Mock<ILogger<JsHelperService>>();_jsHelperService = new JsHelperService(_mockLogger.Object);}[Fact]public void WriteInfo_LogsMessage(){var message = "Test log message";_jsHelperService.WriteInfo(message);_mockLogger.Verify(logger => logger.LogInformation(message), Times.Once);}}
பிளேஸர் ஜாவாஸ்கிரிப்ட் இயங்குதன்மை: அடிப்படைகளுக்கு அப்பால்
சக்திவாய்ந்த ஆன்லைன் பயன்பாடுகளை உருவாக்க Blazor Serverக்கு, JavaScript மற்றும்.NET ஒருங்கிணைப்பு அவசியம். ஆனால் நிலையான சேவைகளுடன் பணிபுரிய Blazor ஐப் பயன்படுத்துவது சவாலானது, குறிப்பாக JavaScript உடன் ஈடுபடும் போது. JavaScript இலிருந்து அழைக்கும்.NET செயல்பாடுகளில், "அழைப்பு அனுப்புபவர் அமைக்கப்படவில்லை" என்ற பிழை அடிக்கடி நிகழ்கிறது. Blazor's JavaScript Interop, குறுக்கு-சுற்றுச்சூழல் அழைப்புகளைக் கையாளுவதற்கு அழைப்பு அனுப்புபவரைச் சார்ந்தது, பொதுவாக இந்தச் சிக்கலை முறையற்ற அமைவு அல்லது காணாமல் போன உள்ளமைவுகள் காரணமாகக் கொண்டுள்ளது. இத்தகைய தவறுகளைத் தடுக்க, பிளேஸர் எவ்வாறு அதன் டிஸ்பாச்சரை துவக்குகிறது மற்றும் பராமரிக்கிறது என்பதைப் புரிந்துகொள்ள வேண்டும்.
NET செயல்பாடுகளை வெளிப்படுத்தும் சேவையானது பயன்பாட்டுத் துவக்கத்தின் போது சரியாக நிறுவப்பட்டிருப்பதை உறுதிசெய்வது இந்தச் சிக்கலைத் தீர்ப்பதற்கான ஒரு வழியாகும். சேவை a ஆக சேர்க்கப்பட்டுள்ளது உள்ளே , எனவே அது விண்ணப்பத்தின் காலத்திற்கு இருக்கும் என்பது உங்களுக்குத் தெரியும். போன்ற நிலையான வகுப்புகள் கொடுக்கப்பட்ட எந்தவொரு குறிப்பிட்ட கூறுகளையும் சார்ந்து இல்லை, அவற்றைப் பயன்படுத்தும் போது இது மிகவும் முக்கியமானது. சேவையைப் பராமரிப்பது, ஜாவாஸ்கிரிப்ட் கால்.நெட் முறைகளை தொடர்ந்து வாழ்க்கைச் சுழற்சிகள் தொடர்பான பிரச்சனைகளை சந்திக்காமல் இருப்பதை உறுதி செய்கிறது.
இருப்பதை சரிபார்க்கிறது ஜாவாஸ்கிரிப்ட் சூழலில் உள்ள பொருள் மற்றொரு முக்கிய அங்கமாகும். க்கு இது அவசியம் ஜாவாஸ்கிரிப்டில் இருந்து ஏதேனும்.NET முறைகளை அழைப்பதற்கு முன் ஏற்றி, கிடைக்க வேண்டும். என்பதை உறுதி செய்து கொள்ளுங்கள் கோப்பு இந்த பொருளை சரியான முறையில் துவக்குகிறது, இல்லையெனில் கீழே உள்ள பிழைகள் ஏற்படலாம். துவக்கத்தை கண்காணிக்க ஜாவாஸ்கிரிப்ட் பிழைத்திருத்திகளைப் பயன்படுத்தி இந்த பொருளின் கிடைக்கும் தன்மையை நீங்கள் கண்டறியலாம்.
Blazor JavaScript ஒருங்கிணைப்பு பற்றிய பொதுவான கேள்விகள்
- "அழைப்பு அனுப்புபவர் எதுவும் அமைக்கப்படவில்லை" என்று பிளேஸர் சர்வர் ஏன் தெரிவிக்கிறது?
- ஜாவாஸ்கிரிப்ட் Blazor அழைப்பு அனுப்புனர் கட்டமைக்கப்படுவதற்கு முன் a.NET முறையை செயல்படுத்த முயற்சிக்கும் போது, ஒரு பிழை ஏற்படுகிறது. உலகளாவிய ஜாவாஸ்கிரிப்ட் சூழல் உள்ளதா என்பதை உறுதிப்படுத்தவும் .
- பிளேஸர் சர்வரில் நான் எவ்வாறு சேவைகளைத் தொடர முடியும்?
- Blazor சர்வரில் உள்ள சேவைகளைப் பயன்படுத்துவதன் மூலம் பாதுகாக்க முடியும் அவற்றை பதிவு செய்ய ஏ இல் கோப்பு.
- Blazor இல் [JSI invokable] பங்கு என்ன?
- தி ஜாவாஸ்கிரிப்டில் இருந்து அணுகக்கூடிய நெட் செயல்பாடுகளை சொத்து குறிக்கிறது. சேவையகம் மற்றும் கிளையன்ட் சூழல்களுக்கு இடையே தகவல்தொடர்புகளை சாத்தியமாக்குவது அவசியம்.
- பிளேசரில் ஜாவாஸ்கிரிப்ட் மற்றும்.நெட் மூலம் இயங்கக்கூடிய சிக்கல்களை எவ்வாறு சரிசெய்வது?
- ஜாவாஸ்கிரிப்டில், பிளேஸர்-டு-ஜாவாஸ்கிரிப்ட் அழைப்புகளின் நிலையை நீங்கள் சரிபார்க்கலாம் மற்றும் செயல்பாட்டை இடைநிறுத்துவதன் மூலம் கட்டளை. பிளேஸர் டிஸ்பாட்சரின் துவக்கம் ஏற்பட்டதா என்பதைத் தீர்மானிக்க இது உதவுகிறது.
- நான் ஏன் பிளேசரில் நிலையான சேவை வகுப்புகளைப் பயன்படுத்த வேண்டும்?
- பதிவு செய்தல் போன்ற தொடர்ச்சியான சேவைகள் உங்களுக்குத் தேவைப்படும்போது, நிலையான சேவை வகுப்புகள் கைக்கு வரும். பயன்படுத்தி , அவை ஒருமுறை உடனடியாகச் செயல்படுத்தப்பட்டு, நிரலில் உள்ள எந்த இடத்திலிருந்தும் அணுகலாம்.
உங்கள் ஜாவாஸ்கிரிப்ட்.NET சூழலுடன் சரியாக தொடர்பு கொள்கிறது என்பதை உறுதிப்படுத்தவும் "அழைப்பு அனுப்புபவர் அமைக்கப்படவில்லை" என்ற பிழையை சரிசெய்வதற்காக தொடக்கத்தில் சேவை சரியாக துவக்கப்படுகிறது. நிலையான சேவைகளைப் பயன்படுத்துவதன் மூலமும், பயன்பாட்டின் வாழ்நாள் முழுவதும் அவற்றைப் பராமரிப்பதன் மூலமும் அனுப்புபவர் தொடர்பான சிக்கல்களைத் தவிர்க்கவும்.
முறைகளை அழைப்பதற்கு முன், அதை உறுதிப்படுத்துவதும் முக்கியம் பொருள் சரியாக ஏற்றப்பட்டது. டெவலப்பர்கள் JavaScript-to-.NET தகவல்தொடர்புகளை விரைவுபடுத்தலாம் மற்றும் சரியான பிழைத்திருத்த கருவிகள் மற்றும் உள்ளமைவுகளை வைப்பதன் மூலம் Blazor பயன்பாடுகளில் அடிக்கடி ஏற்படும் இந்த சிக்கல்களைத் தவிர்க்கலாம்.
- Blazor JavaScript இன்டர்ஆப்பரபிலிட்டி ஆவணம் பயன்படுத்துவதற்கான ஆழமான வழிகாட்டுதலை வழங்குகிறது மற்றும் அனுப்புனர் பிழைகளைத் தீர்ப்பது. பிளேஸர் ஜாவாஸ்கிரிப்ட் இண்டெராப்
- Blazor Server இல் மைக்ரோசாப்ட் அதிகாரப்பூர்வ வழிகாட்டி சேவை வாழ்நாளை எவ்வாறு நிர்வகிப்பது மற்றும் சேவைகளை எவ்வாறு சரியாகப் பதிவு செய்வது என்பதை விவரிக்கிறது உள்ளே . பிளேஸரில் சார்பு ஊசி
- இந்த ஸ்டாக் ஓவர்ஃப்ளோ விவாதம் பொதுவான பிழைகள் மற்றும் "அழைப்பு அனுப்புபவர் அமைக்கப்படவில்லை" பிரச்சனைக்கான தீர்வுகளை உள்ளடக்கியது. பிளேஸர் சர்வர் அழைப்பு அனுப்புனர் பிழை