挑选手艺范例微信小顺序运用Taro(功用不多就不是运用Redux了),背景用php写,websocket运用选workman来做。这里运用Taro做画布是有题目的,它不支撑h5。选 挑选手艺范例 微信小顺序运用
挑选手艺范例
- 微信小顺序运用Taro(功用不多就不是运用Redux了),背景用php写,websocket运用选workman来做。 这里运用Taro做画布是有题目的,它不支撑h5。
选型的题目
- taro 不支撑画布的H5
下面来细致讲讲
小顺序上岸,我的做法是写一个上岸的组件,再在layout中到场login的组件
return ( {this.props.children} )
- 这里微信猎取用户信息是异步的,在到背景猎取openid也是异步的,然则我更愿望全部历程是同步运转的如许写的代码也好看点
- 然则不支撑同步处置惩罚,这里运用regeneratorRuntime await Promise 来处置惩罚
websocket 断线重连题目
- 小顺序在背景运转很快websocket会断开衔接,运用onshow(componentDidShow)要领,此时背景的websocket 实在能够也已落空
- 终局方法websocket建立将取得衔接id,将id对应到uid放在redis中,发送音讯就已uid去找衔接id。
- 游戏同步题目,这里用状况同步的要领。状况修正便经由过程websocket来同步。
typescript
- 全部画布加上对局后到场websocket今后代码将变得更加烦琐,这个玩意能够确保猎取准确范例推断提醒。
export class UserType { type: string = ""; nickname: string = ""; uid: number = 0; img: string = '';}export class Game { room: string; uid: number; time: number =100; start: boolean = false; name: string =""; prompt: Array = []; userList: Array = [];}public state = { socket: Object, user: new UserType, game: new Game, log: Array>() }
末了
taro 运用的照样挺爽的!!