6 |
7 |
8 | @Body
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/SampleClientSide/wwwroot/service-worker.js:
--------------------------------------------------------------------------------
1 | // In development, always fetch from the network and do not enable offline support.
2 | // This is because caching would make development more difficult (changes would not
3 | // be reflected on the first load after each change).
4 | self.addEventListener('fetch', () => { });
5 |
--------------------------------------------------------------------------------
/Blazor.Bluetooth/IBluetoothServiceDataMap.cs:
--------------------------------------------------------------------------------
1 | using System.Collections.Generic;
2 |
3 | namespace Blazor.Bluetooth
4 | {
5 | ///
2 |
3 | @if (!IsTextValid)
4 | {
5 |
8 |
--------------------------------------------------------------------------------
/SampleServerSide/SampleServerSide.csproj:
--------------------------------------------------------------------------------
1 | Byte array is invalid format, input bytes with a space separation, with values 0-255, for ex "12 53 124 255 0"
6 | } 7 |Sorry, there's nothing at this address.
10 |Sorry, there's nothing at this address.
10 |
5 |
9 |
10 |
11 | @if (Services != null)
12 | {
13 | @for (var i = 0; i < Services.Count; i++)
14 | {
15 | var localI = i;
16 |
23 |
--------------------------------------------------------------------------------
/SampleServerSide/Program.cs:
--------------------------------------------------------------------------------
1 | using Blazor.Bluetooth;
2 |
3 | var builder = WebApplication.CreateBuilder(args);
4 |
5 | // Add services to the container.
6 | builder.Services.AddRazorPages();
7 | builder.Services.AddServerSideBlazor();
8 |
9 | builder.Services.AddBluetoothNavigator();
10 | builder.Services.AddRazorComponents().AddInteractiveServerComponents();
11 |
12 | var app = builder.Build();
13 |
14 | // Configure the HTTP request pipeline.
15 | if (!app.Environment.IsDevelopment())
16 | {
17 | // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
18 | app.UseHsts();
19 | }
20 |
21 | app.UseHttpsRedirection();
22 |
23 | app.UseStaticFiles();
24 |
25 | app.UseRouting();
26 |
27 | app.MapBlazorHub();
28 | app.MapFallbackToPage("/_Host");
29 |
30 | app.Run();
31 |
--------------------------------------------------------------------------------
/SampleServerSide/Properties/launchSettings.json:
--------------------------------------------------------------------------------
1 | {
2 | "iisSettings": {
3 | "windowsAuthentication": false,
4 | "anonymousAuthentication": true,
5 | "iisExpress": {
6 | "applicationUrl": "http://localhost:35360",
7 | "sslPort": 44352
8 | }
9 | },
10 | "profiles": {
11 | "SampleServerSide": {
12 | "commandName": "Project",
13 | "dotnetRunMessages": true,
14 | "launchBrowser": true,
15 | "applicationUrl": "https://localhost:7159;http://localhost:5159",
16 | "environmentVariables": {
17 | "ASPNETCORE_ENVIRONMENT": "Development"
18 | }
19 | },
20 | "IIS Express": {
21 | "commandName": "IISExpress",
22 | "launchBrowser": true,
23 | "environmentVariables": {
24 | "ASPNETCORE_ENVIRONMENT": "Development"
25 | }
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/SampleShared/Components/ShowConnectedDeviceComponent.razor:
--------------------------------------------------------------------------------
1 | @inherits BindableBase
2 |
3 |
17 | @Services[localI]
18 |
19 |
20 | }
21 | }
22 |
4 |
8 |
9 |
10 |
11 | @if (Services.Any())
12 | {
13 | @foreach (var service in Services)
14 | {
15 |
--------------------------------------------------------------------------------
/Blazor.Bluetooth/CharacteristicEventArgs.cs:
--------------------------------------------------------------------------------
1 | using System;
2 |
3 | namespace Blazor.Bluetooth
4 | {
5 | /// No services here.
21 | } 22 |
4 |
11 | 12 |
16 | 20 |
21 | 22 |
23 | 24 |
--------------------------------------------------------------------------------
/SampleShared/Components/BluetoothUuidsComponent.razor:
--------------------------------------------------------------------------------
1 | @inherits BindableBase
2 |
3 | Properties:
5 |Value: @Descriptor.Value
6 |CharacteristicUuid: @Descriptor.CharacteristicUuid
7 |DeviceUuid: @Descriptor.DeviceUuid
8 |ServiceUuid: @Descriptor.ServiceUuid
9 |Uuid: @Descriptor.Uuid
10 |11 | 12 |
Methods:
13 |Value: @ValueRead
14 | 15 |16 | 20 |
21 | 22 |
23 | 24 |
4 |
--------------------------------------------------------------------------------
/SampleShared/BindableBase.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Components;
2 | using System.Runtime.CompilerServices;
3 |
4 | namespace SampleShared
5 | {
6 | ///
5 |
9 |
10 |
13 | UUID is: @UUID
11 | 12 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
4 |
--------------------------------------------------------------------------------
/SampleServerSide/Pages/_Layout.cshtml:
--------------------------------------------------------------------------------
1 | @using Microsoft.AspNetCore.Components.Web
2 | @namespace SampleServerSide.Pages
3 | @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
4 |
5 |
6 |
7 |
8 |
9 |
10 | Properties:
5 |DeviceUuid: @Service.DeviceUuid
6 |IsPrimary: @Service.IsPrimary
7 |Uuid: @Service.Uuid
8 |Methods:
9 | 13 | 14 | 15 | 16 | 17 | @if (Characteristics.Any()) 18 | { 19 | @foreach (var characteristic in Characteristics) 20 | { 21 |No characteristics here.
27 | } 28 |
20 |
21 | An error has occurred. This application may no longer respond until reloaded.
22 |
23 |
24 | An unhandled exception has occurred. See browser dev tools for details.
25 |
26 | Reload
27 | 🗙
28 |
29 |
30 |
31 |
32 |
33 |
34 |
--------------------------------------------------------------------------------
/SampleShared/Components/AddManufacturerDataComponent.razor.cs:
--------------------------------------------------------------------------------
1 | using Blazor.Bluetooth;
2 | using Microsoft.AspNetCore.Components;
3 |
4 | namespace SampleShared.Components;
5 | public partial class AddManufacturerDataComponent : BindableBase
6 | {
7 | private List
6 |
7 |
39 | }
40 |
--------------------------------------------------------------------------------
/Blazor.Bluetooth/BluetoothAdvertisingEvent.cs:
--------------------------------------------------------------------------------
1 | namespace Blazor.Bluetooth
2 | {
3 | internal class BluetoothAdvertisingEvent : IBluetoothAdvertisingEvent
4 | {
5 | #region Internal fields
6 |
7 | public ushort InternalAppearance { get; set; }
8 | public Device InternalDevice { get; set; }
9 | public BluetoothManufacturerDataMap InternalManufacturerData { get; set; }
10 | public string InternalName { get; set; }
11 | public sbyte InternalRssi { get; set; }
12 | public BluetoothServiceDataMap InternalServiceData { get; set; }
13 | public sbyte InternalTxPower { get; set; }
14 |
15 | // TODO: Originaly this is Array type, but I don't know if this is array of strings. Find out the type.
16 | public string[] InternalUuids { get; set; }
17 |
18 | #endregion
19 |
20 | #region Public fields
21 |
22 | public ushort Appearance => InternalAppearance;
23 |
24 | public IDevice Device => InternalDevice;
25 |
26 | public IBluetoothManufacturerDataMap ManufacturerData => InternalManufacturerData;
27 |
28 | public string Name => InternalName;
29 |
30 | public sbyte Rssi => InternalRssi;
31 |
32 | public IBluetoothServiceDataMap ServiceData => InternalServiceData;
33 |
34 | public sbyte TxPower => InternalTxPower;
35 |
36 | public string[] Uuids => InternalUuids;
37 |
38 | #endregion
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/SampleClientSide/wwwroot/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
10 |
17 |
18 | @if (Device.Gatt.Connected)
19 | {
20 | Device info:
11 |Name: @Device.Name
12 |Id: @Device.Id
13 |Gatt.DeviceUuid: @Device.Gatt.DeviceUuid
14 |Gatt.Connected: @Device.Gatt.Connected
15 | 16 |
24 |
38 | 25 | 26 | @if (!Device.Gatt.Connected) 27 | { 28 | 29 | } 30 | else 31 | { 32 | 33 | } 34 | 35 | 36 |
37 |
19 |
23 |
24 |
25 |
26 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/SampleShared/Components/AddServicesComponent.razor.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Components;
2 |
3 | namespace SampleShared.Components;
4 | public partial class AddServicesComponent : BindableBase
5 | {
6 |
7 | private List
4 |
5 |
6 | @if (ManufacturerData != null)
7 | {
8 | @foreach (var manufacturerData in ManufacturerData)
9 | {
10 | var thisManData = manufacturerData;
11 |
--------------------------------------------------------------------------------
/Blazor.Bluetooth/ManufacturerData.cs:
--------------------------------------------------------------------------------
1 | using System.Text.Json.Serialization;
2 |
3 | namespace Blazor.Bluetooth
4 | {
5 | public class ManufacturerData
6 | {
7 | ///
12 |
13 |
14 |
35 | }
36 | }
37 |
15 |
19 |
20 |
21 |
22 |
26 |
27 |
28 |
29 |
33 |
34 |
5 |
6 | @if (Filters != null)
7 | {
8 | @foreach (var filter in Filters)
9 | {
10 | var thisFilter = filter;
11 |
--------------------------------------------------------------------------------
/SampleClientSide/Layout/MainLayout.razor.css:
--------------------------------------------------------------------------------
1 | .page {
2 | position: relative;
3 | display: flex;
4 | flex-direction: column;
5 | }
6 |
7 | main {
8 | flex: 1;
9 | }
10 |
11 | .sidebar {
12 | background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
13 | }
14 |
15 | .top-row {
16 | background-color: #f7f7f7;
17 | border-bottom: 1px solid #d6d5d5;
18 | justify-content: flex-end;
19 | height: 3.5rem;
20 | display: flex;
21 | align-items: center;
22 | }
23 |
24 | .top-row ::deep a, .top-row ::deep .btn-link {
25 | white-space: nowrap;
26 | margin-left: 1.5rem;
27 | text-decoration: none;
28 | }
29 |
30 | .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
31 | text-decoration: underline;
32 | }
33 |
34 | .top-row ::deep a:first-child {
35 | overflow: hidden;
36 | text-overflow: ellipsis;
37 | }
38 |
39 | @media (max-width: 640.98px) {
40 | .top-row {
41 | justify-content: space-between;
42 | }
43 |
44 | .top-row ::deep a, .top-row ::deep .btn-link {
45 | margin-left: 0;
46 | }
47 | }
48 |
49 | @media (min-width: 641px) {
50 | .page {
51 | flex-direction: row;
52 | }
53 |
54 | .sidebar {
55 | width: 250px;
56 | height: 100vh;
57 | position: sticky;
58 | top: 0;
59 | }
60 |
61 | .top-row {
62 | position: sticky;
63 | top: 0;
64 | z-index: 1;
65 | }
66 |
67 | .top-row.auth ::deep a:first-child {
68 | flex: 1;
69 | text-align: right;
70 | width: 0;
71 | }
72 |
73 | .top-row, article {
74 | padding-left: 2rem !important;
75 | padding-right: 1.5rem !important;
76 | }
77 | }
78 |
--------------------------------------------------------------------------------
/SampleShared/Components/DeviceRequestComponent.razor:
--------------------------------------------------------------------------------
1 | @using Blazor.Bluetooth
2 | @inherits BindableBase
3 |
4 |
12 |
13 |
14 |
43 | }
44 | }
45 |
15 |
19 |
20 |
21 |
22 |
26 |
27 |
28 |
29 |
30 |
31 |
34 |
35 |
36 |
37 | Services
32 |
38 |
41 |
42 | ManufacturerData
39 |
5 |
6 |
23 | 24 | 25 | 26 |
32 | 33 | 34 | 35 |
41 | 42 | 43 | 44 |
50 | 51 | 52 | 53 |
--------------------------------------------------------------------------------
/SampleShared/Components/BluetoothUuidsComponent.razor.cs:
--------------------------------------------------------------------------------
1 | using System.Collections.ObjectModel;
2 | using Blazor.Bluetooth;
3 | using Microsoft.AspNetCore.Components;
4 |
5 | namespace SampleShared.Components;
6 | public partial class BluetoothUuidsComponent : BindableBase
7 | {
8 | [Inject]
9 | public IBluetoothNavigator BluetoothNavigator { get; set; }
10 |
11 | private string _name;
12 | public string Name
13 | {
14 | get => _name;
15 | set => SetProperty(ref _name, value);
16 | }
17 |
18 | private string _UUID;
19 | public string UUID
20 | {
21 | get => _UUID;
22 | set => SetProperty(ref _UUID, value);
23 | }
24 |
25 | [Parameter]
26 | public ObservableCollection
7 |
10 |
11 |
12 |
13 | @if (AddFilter)
14 | {
15 |
16 |
19 |
20 |
21 |
22 | 23 | 24 | 25 | 26 |
27 |
30 |
31 | Filters
28 |32 | 33 | 34 | 35 |
36 |
39 |
40 | Exclusive Filters
37 |41 | 42 | 43 | 44 |
45 |
48 |
49 | Optional Services
46 |50 | 51 | 52 | 53 |
54 |
57 | }
58 |
59 |
60 | Optional Manufacturer data
55 |
4 | @if (AdvertisementsFeatureDissabled)
5 | {
6 |
--------------------------------------------------------------------------------
/Blazor.Bluetooth/BluetoothRemoteGATTDescriptor.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.JSInterop;
2 | using System;
3 | using System.Linq;
4 | using System.Threading.Tasks;
5 |
6 | namespace Blazor.Bluetooth
7 | {
8 | internal class BluetoothRemoteGATTDescriptor : IBluetoothRemoteGATTDescriptor
9 | {
10 | #region Internal fields
11 |
12 | public string InternalDeviceUuid { get; set; }
13 | public string InternalServiceUuid { get; set; }
14 | public string InternalCharacteristicUuid { get; set; }
15 | public string InternalUuid { get; set; }
16 | public byte[] InternalValue { get; set; }
17 |
18 | #endregion
19 |
20 | #region Public fields
21 |
22 | public string DeviceUuid => InternalDeviceUuid;
23 | public string ServiceUuid => InternalServiceUuid;
24 | public string CharacteristicUuid => InternalCharacteristicUuid;
25 | public string Uuid => InternalUuid;
26 | public byte[] Value => InternalValue;
27 |
28 | #endregion
29 |
30 | #region Public methods
31 |
32 | public async TaskPlease make sure to enable "Web BLE new permissions backend" feature for bluetooth to have advertisements!
7 |(Copy ref to search field)
8 |about:flags/#enable-web-bluetooth-new-permissions-backend
9 | } 10 | 11 |
12 | @if (!AdvertisementsReceiveActivated)
13 | {
14 |
15 | }
16 | else
17 | {
18 |
21 |
22 | @if (BluetoothAdvertisingEvent != null)
23 | {
24 | Advertisements scanning....
19 | } 20 |Advertisement:
25 |Apperience: @BluetoothAdvertisingEvent.Appearance
26 |Name: @BluetoothAdvertisingEvent.Name
27 |Rssi: @BluetoothAdvertisingEvent.Rssi
28 |Tx_power: @BluetoothAdvertisingEvent.TxPower
29 |ManufacturerData:
30 | @if (BluetoothAdvertisingEvent.ManufacturerData != null) 31 | { 32 | @foreach (var item in BluetoothAdvertisingEvent.ManufacturerData) 33 | { 34 |- Key: @item.Key, Value: @item.Value
35 | } 36 | } 37 |ServiceData:
38 | @if (BluetoothAdvertisingEvent.ServiceData != null) 39 | { 40 | @foreach (var item in BluetoothAdvertisingEvent.ServiceData) 41 | { 42 |- Key: @item.Key, Value: @item.Value
43 | } 44 | } 45 |UUIDs:
46 | @if (BluetoothAdvertisingEvent.Uuids != null) 47 | { 48 | @foreach (var item in BluetoothAdvertisingEvent.Uuids) 49 | { 50 |- item
51 | } 52 | } 53 | } 54 |
4 |
5 |
--------------------------------------------------------------------------------
/Blazor.Bluetooth/BluetoothRemoteGATTService.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.JSInterop;
2 | using System;
3 | using System.Collections.Generic;
4 | using System.Linq;
5 | using System.Threading.Tasks;
6 |
7 | namespace Blazor.Bluetooth
8 | {
9 | internal class BluetoothRemoteGATTService : IBluetoothRemoteGATTService
10 | {
11 | #region Internal fields
12 |
13 | public string InternalDeviceUuid { get; set; }
14 | public string InternalUuid { get; set; }
15 | public bool InternalIsPrimary { get; set; }
16 |
17 | #endregion
18 |
19 | #region Public fields
20 |
21 | public string DeviceUuid => InternalDeviceUuid;
22 | public string Uuid => InternalUuid;
23 | public bool IsPrimary => InternalIsPrimary;
24 |
25 | #endregion
26 |
27 | #region Public methods
28 |
29 | public async Task
6 |
8 |
9 |
10 | 8 |
11 |
12 |
72 |
13 |
26 | 27 |
47 |
48 |
14 |
20 |
21 | 15 | 16 | 17 |
18 | 19 |
22 |
24 |
25 | 26 | 27 |
28 |
29 | @if (Devices.Any())
30 | {
31 | @foreach (var device in Devices)
32 | {
33 |
45 |
46 |
34 |
35 |
37 | }
38 | }
39 | else
40 | {
41 | No devices got yet
42 | } 43 | 44 |
49 |
50 |
71 | Logs:
51 | @if (Logs != null && Logs.Any()) 52 | { 53 |
54 | @for (var i = Logs.Count; i > 0; i--)
55 | {
56 | @if (i == Logs.Count)
57 | {
58 |
69 | }
70 |
59 |
61 |
62 | }
63 | else
64 | {
65 | @Logs[i - 1]
60 |@Logs[i - 1]
66 | } 67 | } 68 |
30 | ```
31 |
32 | #### Using Open Iconic's SVG Sprite
33 |
34 | Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
35 |
36 | Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `