uniapp小程式使用高德地圖api實現路線規劃

来源:https://www.cnblogs.com/zy-mg/archive/2023/01/10/17039609.html
-Advertisement-
Play Games

路線規劃 簡介 路線規劃常用於出行路線的提前預覽,我們提供4種類型的路線規劃,分別為:駕車、步行、公交和騎行,滿足各種的出行場景。 高德開放平臺 本例是駕車路線規劃功能和位置選擇地圖api:chooseLocation 示例: 1、在頁面的 js 文件中,實例化 AMapWX 對象,請求進行駕車路線 ...


路線規劃

簡介

路線規劃常用於出行路線的提前預覽,我們提供4種類型的路線規劃,分別為:駕車、步行、公交和騎行,滿足各種的出行場景。
高德開放平臺

本例是駕車路線規劃功能和位置選擇地圖api:chooseLocation


示例:

1、在頁面的 js 文件中,實例化 AMapWX 對象,請求進行駕車路線規劃。

首先,引入 amap-wx.js 文件(amap-wx.js 從相關下載頁面下載的 zip 文件解壓後得到)。

import amapFile from "@/libs/amap-wx.js";

然後在 onLoad 實例化 AMapWX 對象

onLoad() {
	 this.myAmapFunT = new amapFile.AMapWX({
		key: 你申請的key
	 })
	},

最後生成請求進行駕車路線規劃數據

		/**
			 *@author ZY
			 *@date 2023/1/9
			 *@Description:生成規劃路線
			 *@param {string} start 開始位置
			 *@param {string} end 結束位置
			 *@param {number} strategy 10 預設多策略 策略 https://lbs.amap.com/api/webservice/guide/api/direction#driving
			 *
			 10,返回結果會躲避擁堵,路程較短,儘量縮短時間,與高德地圖的預設策略也就是不進行任何勾選一致
			 * 4,躲避擁堵,但是可能會存在繞路的情況,耗時可能較長
			 2,距離優先,僅走距離最短的路線,但是可能存在穿越小路/小區的情況
			 */
			getPlanningRoute(start, end, strategy = 10) {
				let that = this
				uni.showLoading({
					title: '載入中'
				});
				that.myAmapFunT.getDrivingRoute({
					origin: start,
					destination: end,
					strategy: strategy, //備選方案
					success: function(data) {
						// console.log('所有路徑',data)
						if (data.paths && data.paths[0] && data.paths[0].steps) {
							// 預設 10 會 對返回多條路徑的方案  按照時間短的
							let goodRouter = data.paths.sort((a, b) => {
								return a.duration - b.duration
							})[0]

							that.distance = (goodRouter.distance * 0.001).toFixed(2) + '公裡'
							that.duration = '大約' + (goodRouter.duration / 60).toFixed(2) + '分鐘'

							let steps = goodRouter.steps
							let points = []
							for (var i = 0; i < steps.length; i++) {
								var poLen = steps[i].polyline.split(';');
								for (var j = 0; j < poLen.length; j++) {
									points.push({
										longitude: parseFloat(poLen[j].split(',')[0]),
										latitude: parseFloat(poLen[j].split(',')[1])
									})
								}
							}
							that.polyline = [{
								points: points,
								color: strategy === 10 ? '#0ee532' : strategy === 2 ? '#0742d9' :
									'#ee6b06',
								width: 8,
							}]
						}
						uni.hideLoading();
					},
					fail: function(info) { //失敗回調
						console.log('路線規劃失敗')
						console.log(info)
						uni.hideLoading();
						uni.showToast({
							title: '路線規劃失敗',
							icon: 'error'
						});
					},
				})
			},

2.完整源碼組件

<template>
	<view class="content">
		<view class="back-button" @click="toBack">
			<image src="http://img.wisdomtaxi.com/toBack.png" style="width: 100%; height: 100%;"></image>
		</view>
		<map class="order-map" :latitude="startPoint.latitude" :longitude="startPoint.longitude" show-location
			:polyline="polyline" @markertap="markertap" :key="polyline.length + new Date().getTime()"
			:markers="markers">
			<cover-view slot="callout">
				<block v-for="(item,index) in markers" :key="index">
					<cover-view class="customCallout" :marker-id="item.id">
						<cover-view class="customCalloutContent">
							{{item.title}}
						</cover-view>
					</cover-view>
				</block>
			</cover-view>
		</map>
		<view class="order-box">
			<view class="search-start" v-if="endPoint.address">
				<view class="custom-style" v-for="item in btnList" :key="item.value"
					:class="{active:flag === item.value}" @click="selectRouteType(item.value)">
					{{item.name}}
				</view>
			</view>
			<view class="search-start" v-if="distance || duration">
				<u-icon name="file-text-fill" color="#FFA500" size="17"></u-icon>
				<view class="start-name">
					距離:{{distance}} 時間:{{duration}}
				</view>
			</view>
			<view class="search-start">
				<u-icon name="map-fill" color="#33a63b" size="17"></u-icon>
				<view class="start-name">
					您將在 <text style="color: #33a63b">{{startPoint.name | fmtEndAddr}}</text> 上車
				</view>
			</view>
			<view class="search-start" v-if="endPoint.name">
				<u-icon name="map-fill" color="#ee642b" size="17"></u-icon>
				<view class="start-name">
					{{endPoint.name|fmtEndAddr}}
				</view>
			</view>
			<view class="search-box" @click="openChooseLocation">
				<u-icon name="search" color="#ffa602" size="23"></u-icon>
				<view class="search-placeholder">
					請選擇目的地
				</view>
			</view>
			<view v-if="endPoint.name" @click="submitToDriver" class="send-btn">
				發送給司機
			</view>
		</view>
	</view>
</template>

<script>
	import uniIcons from "@/components/uni-icons/uni-icons.vue";
	import amapFile from "@/libs/amap-wx.js";
	export default {
		components: {
			uniIcons
		},
		data() {
			return {
				markers: [],
				tripInfo: {},
				polyline: [],
				startPoint: {
					latitude: 26.56045894387685, //緯度
					longitude: 106.68005128661751, //經度
					name: '',
					address: ''
				},
				endPoint: {},
				myAmapFunT: null,
				distance: 0, //距離
				duration: 0, //時間
				flag: 10,
				btnList: [{
						name: '推薦',
						value: 10
					},
					{
						name: '躲避擁堵',
						value: 4
					},
					{
						name: '距離短',
						value: 2
					},
				]
			}
		},
		filters: {
			fmtEndAddr(val) {
				if (val === null || val === '' || val === undefined) {
					return '未知地址';
				}
				return val;
			},
		},

		onLoad() {
			this.myAmapFunT = new amapFile.AMapWX({
				key: 你申請的key
			})
			this.getCurrentLocation();
		},
		methods: {
      //返回
			toBack() {
				uni.navigateBack({});
			},
			//獲取當前定位
			getCurrentLocation() {
				let that = this
				uni.getLocation({
					type: 'gcj02',
					success: function(res) {
						// console.log('當前:' , res);
						// console.log('當前位置的經度:' + res.longitude);
						// console.log('當前位置的緯度:' + res.latitude);
						that.startPoint.longitude = res.longitude;
						that.startPoint.latitude = res.latitude;

						that.getAddress(that.startPoint.longitude + ',' + that.startPoint.latitude)
					}
				});

			},
			// 解析地址
			getAddress(loc) {
				var that = this;
				var myAmapFun = this.myAmapFunT
				if (loc !== null && loc !== '' && loc !== undefined) {
					myAmapFun.getRegeo({
						iconPath: 'http://img.wisdomtaxi.com/amap_icon.png',
						width: '37.5rpx',
						height: '37.5rpx',
						location: loc,
						success: function(data) { //成功回調
							// console.log('地址解析',data)
							that.startPoint.name = data[0].name
							that.startPoint.address = data[0].desc

							that.initMap()
						},
						fail: function(info) { //失敗回調
							console.log(info)
						},
					});
				}
			},
			//初始化地圖數據
			initMap() {
				this.markers.push({
					id: 1,
					latitude: this.startPoint.latitude, //緯度
					longitude: this.startPoint.longitude, //經度
					iconPath: '/static/images/home/start.png', //顯示的圖標
					rotate: 0, // 旋轉度數
					width: 30, //寬
					height: 30, //高
					title: this.startPoint.name, //標註點名
					// alpha: 0.5, //透明度
					joinCluster: true,
					customCallout: {
						anchorY: 0,
						anchorX: 0,
						display: "ALWAYS",
					},
				}, )

			},
			/**
			 *@author ZY
			 *@date 2023/1/9
			 *@Description:選擇位置
			 *@param {Object} opt https://uniapp.dcloud.net.cn/api/location/location.html
			 *
			 opt : {
			  latitude	Number	否	目標地緯度
			  longitude	Number	否	目標地經度
			 }
			 */
			openChooseLocation(opt) {
				let that = this
				uni.chooseLocation({
					latitude: opt?.latitude || that.startPoint.latitude,
					longitude: opt?.longitude || that.startPoint.longitude,
					success: function(res) {
						// console.log(res)
						// console.log('位置名稱:' + res.name);
						// console.log('詳細地址:' + res.address);
						// console.log('緯度:' + res.latitude);
						// console.log('經度:' + res.longitude);
						if (!res.name) {
							return uni.showToast({
								title: '請重新選擇位置',
								icon: 'none'
							});
						}
						//設置終點
						that.endPoint = {
							longitude: res.longitude,
							latitude: res.latitude,
							name: res.name,
							address: res.address
						}
						//設置終點標記
						that.markers[1] = {
							id: 2,
							latitude: res.latitude, //緯度
							longitude: res.longitude, //經度
							iconPath: '/static/images/home/endd.png', //顯示的圖標
							rotate: 0, // 旋轉度數
							width: 30, //寬
							height: 30, //高
							title: res.name, //標註點名
							// alpha: 0.5, //透明度
							joinCluster: true,
							customCallout: {
								anchorY: 0,
								anchorX: 0,
								display: "ALWAYS"
							},
						}

						let start = that.startPoint.longitude + ',' + that.startPoint.latitude
						let end = res.longitude + ',' + res.latitude
						//每次選取位置完成後都會預設 10 策略
						that.flag = 10
						//生成規劃路線
						that.getPlanningRoute(start, end, 10)
					},
					fail: function(info) { //失敗回調
						console.log('調取失敗')
						console.log(info)
					},

				})
			},
			// 按鈕選擇策略
			selectRouteType(idx) {
				this.flag = idx
				let start = this.startPoint.longitude + ',' + this.startPoint.latitude
				let end = this.endPoint.longitude + ',' + this.endPoint.latitude
				this.getPlanningRoute(start, end, idx)
			},
			/**
			 *@author ZY
			 *@date 2023/1/9
			 *@Description:生成規劃路線
			 *@param {string} start 開始位置
			 *@param {string} end 結束位置
			 *@param {number} strategy 10 預設多策略 策略 https://lbs.amap.com/api/webservice/guide/api/direction#driving
			 *
			 10,返回結果會躲避擁堵,路程較短,儘量縮短時間,與高德地圖的預設策略也就是不進行任何勾選一致
			 * 4,躲避擁堵,但是可能會存在繞路的情況,耗時可能較長
			 2,距離優先,僅走距離最短的路線,但是可能存在穿越小路/小區的情況
			 */
			getPlanningRoute(start, end, strategy = 10) {
				let that = this
				uni.showLoading({
					title: '載入中'
				});
				that.myAmapFunT.getDrivingRoute({
					origin: start,
					destination: end,
					strategy: strategy, //備選方案
					success: function(data) {
						// console.log('所有路徑',data)
						if (data.paths && data.paths[0] && data.paths[0].steps) {
							// 預設 10 會 對返回多條路徑的方案  按照時間短的
							let goodRouter = data.paths.sort((a, b) => {
								return a.duration - b.duration
							})[0]

							that.distance = (goodRouter.distance * 0.001).toFixed(2) + '公裡'
							that.duration = '大約' + (goodRouter.duration / 60).toFixed(2) + '分鐘'

							let steps = goodRouter.steps
							let points = []
							for (var i = 0; i < steps.length; i++) {
								var poLen = steps[i].polyline.split(';');
								for (var j = 0; j < poLen.length; j++) {
									points.push({
										longitude: parseFloat(poLen[j].split(',')[0]),
										latitude: parseFloat(poLen[j].split(',')[1])
									})
								}
							}
							that.polyline = [{
								points: points,
								color: strategy === 10 ? '#0ee532' : strategy === 2 ? '#0742d9' :
									'#ee6b06',
								width: 8,
							}]
						}
						uni.hideLoading();
					},
					fail: function(info) { //失敗回調
						console.log('路線規劃失敗')
						console.log(info)
						uni.hideLoading();
						uni.showToast({
							title: '路線規劃失敗',
							icon: 'error'
						});
					},
				})
			},
			// 點擊標記點
			markertap(e) {
				let opt = this.markers.find(el => {
					return el.id === e.detail.markerId
				})
				this.openChooseLocation(opt)
			},

			// 提交給司機
			submitToDriver() {
				let p = {}
				p.idCard = uni.getStorageSync('driverInfo').idCard || ''
				p.startLocation = this.startPoint.longitude + ',' + this.startPoint.latitude
				p.startAddr = this.startPoint.name || '未知'
				p.endLocation = this.endPoint.longitude + ',' + this.endPoint.latitude
				p.endAddr = this.endPoint.name || '未知'
				p.plan = this.flag || 10
				p.locations = this.polyline[0].points || []
				if (!p.idCard) {
					return uni.showToast({
						title: '司機信息獲取失敗',
						icon: 'none'
					});
				}
				uni.showLoading({
					title: '提交中'
				});
				let that = this
				this.request('api_sendDestination', p).then(res => {
					uni.hideLoading();
					uni.showToast({
						title: '發送成功'
					})
          setTimeout(()=>{
            that.toBack()
          },1000)

				}).catch(err => {
					console.log(err)
					uni.hideLoading();
					uni.showToast({
						title: '發送失敗',
						icon: 'error'
					})
				})

			}

		},

	}
</script>
<style lang="scss" scoped>
	.content {
		display: flex;
		flex-direction: column;
		text-align: center;
		align-content: center;
		background: #f5f5f9;
		height: 1600rpx;
	}

	.back-button {
		z-index: 9;
		position: fixed;
		top: 95rpx;
		left: 30rpx;
		height: 50rpx;
		width: 50rpx;
		border-radius: 50%;
		background-color: #FFA500;
		/* box-shadow: 0 9.375rpx 28.125rpx 9.375rpx rgba(106, 66, 0, 0.2); */
	}

	.order-map {
		width: 100%;
		height: 100%;
	}

	.order-box {
		position: fixed;
		bottom: 0rpx;
		left: 0rpx;
		width: 100%;
		//height: 435rpx;
		text-align: left;
		background-color: #FFFFFF;
		border-top-right-radius: 10rpx;
		border-top-left-radius: 10rpx;
		box-sizing: border-box;
		padding: 18rpx;
		padding-bottom: 80rpx;
		box-shadow: 0 9.375rpx 28.125rpx 9.375rpx rgba(106, 66, 0, 0.2);

		.send-btn {
			margin-top: 30rpx;
			width: 100%;
			color: white;
			background-color: #ffa602;
			padding: 0 24rpx;
			font-size: 28rpx;
			height: 80rpx;
			line-height: 80rpx;
			box-sizing: border-box;
			border-radius: 12rpx;
			text-align: center;
		}

		/*box-shadow: 0 9.375rpx 28.125rpx 9.375rpx rgba(106, 66, 0, 0.2);*/
		.search-start {
			font-size: 30rpx;
			margin: 18rpx 0;
			padding-left: 15rpx;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			box-sizing: border-box;

			.start-name {
				width: 550rpx;
				padding-left: 10rpx;
				overflow: hidden;
				/*文本不會換行*/
				white-space: nowrap;
				/*當文本溢出包含元素時,以省略號表示超出的文本*/
				text-overflow: ellipsis;
			}

			.custom-style {
				margin-right: 10rpx;
				border-radius: 6rpx;
				border: 1rpx solid #ebedf0;
				font-size: 24rpx;
				padding: 8rpx 24rpx;

				&:last-child {
					margin-right: 0;
				}

				&.active {
					color: #FFFFFF;
					background-color: #ffa602;
					border-color: #ffa602;
				}
			}
		}

		.search-box {
			background-color: #f3f3f3;
			border-radius: 36rpx;
			height: 80rpx;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			box-sizing: border-box;
			padding: 0 25rpx;

			.search-placeholder {
				font-size: 28rpx;
				color: #bbb9b9;
				padding-left: 15rpx;
			}
		}
	}

	.addH {
		height: 420rpx;
		/*+100*/
	}

	.row {
		display: flex;
		flex-direction: row;
	}

	.bot {
		margin-bottom: 10rpx;
	}

	.license {
		position: relative;
		left: 30rpx;
		height: 110rpx;
		font-weight: bold;
		font-size: 38rpx;
		line-height: 130rpx;
		letter-spacing: 1.125rpx;
		/* border: 0.01rem solid #555555; */
	}

	.time-icon {
		height: 16rpx;
		width: 16rpx;
		position: relative;
		left: 190rpx;
		top: 59rpx;
	}

	.time-text {
		height: 110rpx;
		line-height: 130rpx;
		position: relative;
		left: 200rpx;
		font-size: 30rpx;
		color: #666666;
		/* border: 0.01rem solid #555555; */
	}

	.route-icon {
		height: 12rpx;
		width: 12rpx;
		position: relative;
		left: 42rpx;
		top: 30rpx;
	}

	.route-text {
		height: 65rpx;
		width: 478rpx;
		line-height: 65rpx;
		position: relative;
		left: 50rpx;
		font-size: 30rpx;
		color: #666666;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		/* border: 0.01rem solid #555555; */
	}

	.amt-box {
		width: calc(100% - 558rpx);
		margin-left: 40rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		/* border: 1rpx solid #555555; */
	}

	.amt-icon {
		margin-top: 5rpx;
		line-height: 65rpx;
		height: 20rpx;
		width: 20rpx;
	}

	.amt {
		margin-left: 10rpx;
		line-height: 65rpx;

		/*line-height: 80rpx;*/
		font-size: 30rpx;
		color: #666666;
	}

	.todo {
		position: relative;
		height: 165rpx;
		width: 640rpx;
		margin-left: 30rpx;
		border-top: 0.375rpx solid #E9EAEC;
	}

	.todo-item {
		height: 100%;
		width: 50%;
		text-align: center;
		align-content: center;
		/* border: 0.01rem solid #555555; */
	}

	.todo-item>image {
		height: 60rpx;
		width: 60rpx;
		margin-top: 30rpx;
	}

	.todo-item>view {
		color: #3F3F3F;
		font-size: 30rpx;
		letter-spacing: 0.375rpx;
		/* border: 0.01rem solid #555555; */
	}
</style>

<style>
	/* *************************************** */
	.customCallout {
		box-sizing: border-box;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 30px;
		padding: 5px 10px;
	}

	.customCalloutContent {
		font-size: 20rpx;
		word-wrap: break-word;

	}
</style>

生活的一切不如意,都會隨時間消失殆盡,揚起微笑,握緊拳頭為自己加油!!
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 摘要:增量備份是重要的常規備份策略,正確快速識別增量變化文件的相關信息對增量備份至關重要。 本文分享自華為雲社區《其疾如風,GaussDB(DWS)增量備份核心設計》,作者: 我的橘子呢 。 1、認識增量備份 GaussDB(DWS)數倉的備份恢復工具Roach支持集群級增量備份。全量備份會將源數據 ...
  • GreatSQL社區原創內容未經授權不得隨意使用,轉載請聯繫小編並註明來源。 GreatSQL是MySQL的國產分支版本,使用上與MySQL一致。 作者: 楊延昭 文章來源:GreatSQL社區投稿 在資料庫中,除傳統的計算資源(CPU、RAM、IO)的爭用以外,數據也是一種供許多用戶共用的資源。如 ...
  • 華為HMS Core 視頻編輯服務依托自身AI技術的核心優勢,在最新版本HMS Core 6.8.0中上線了全新的視頻美顏功能,能對指定圖片或視頻中的人臉實現磨皮、美白、大眼、瘦臉的美顏效果,適用於直播、相機、視頻剪輯、圖片處理等場景中,打造獨特自然的美顏效果。 HMS Core視頻美顏功能在技術上 ...
  • 一. Rollbar可以幫你解決哪些問題 無特別說明,文中Rollbar統指Rollbar-flutter 1. 代碼復用 Rollbar官方文檔說是純Dart實現,該特征意味著自帶”代碼復用”光環。 如圖當接入端(Third-APP)調用Rollbar SDK時表示包含的網路(異常數據上傳等)和存 ...
  • 方法一: 在 JavaScript 中,可以使用 URLSearchParams 對象來處理 URL 中的查詢字元串。 序列化(將 JavaScript 對象轉換為查詢字元串)可以使用 URLSearchParams 對象的 append() 方法,如下所示: let params = new UR ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 測試環境好好地功能,上了生產,莫名其妙報錯,開始以為是沒有設置Js安全介面功能變數名稱,結果讓相應人員一查,已經設置了相應的功能變數名稱,再看下公眾號內的介面許可權部分,相關js許可權也都是已授權,沒辦法,只能按照微信文檔上的常見錯誤及解決方法,設置debu ...
  • 本文簡介 點贊 + 關註 + 收藏 = 學會了 學習 Fabric.js,我的建議是看文檔不如看 demo。 本文實現的功能:將元素拖進到畫布中並生成對應的圖形或圖片。 效果如下圖所示: 思路 要實現以上效果,需要考慮以下幾點: 元素有拖拽功能。 能在畫布中生成對應的元素。 畫佈有可能縮放。 畫佈有 ...
  • 儘量不要用== ==的比較過程 以 [] == ![] 為例 左邊 [] 是個數組 右邊 ![] 是個表達式,表示對數組取反,需要對數組進行布爾判定,數組是對象所以是true,取反之後為false,所以就相當於比較 == 兩邊數據類型不一樣會將數據轉變成原始類型 ,原始類型有 null 、 unde ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...