資訊專欄INFORMATION COLUMN
摘要：導(dǎo)讀記錄一次基于原有的后端構(gòu)建移動(dòng)端商城，參照已有的安卓應(yīng)用設(shè)計(jì)圖開發(fā)。
導(dǎo)讀
記錄一次基于原有的后端api構(gòu)建移動(dòng)端商城，參照已有的安卓應(yīng)用UI設(shè)計(jì)圖開發(fā)。 技術(shù)選型 后端 Spring Cloud OAuth2 + Spring Cloud Eureka + Spring Boot 前端 Vue + Vue Router + Vue CLI3 + Vant ；移動(dòng)商城從技術(shù)選型到項(xiàng)目上線花費(fèi)一個(gè)星期后期優(yōu)化測試花費(fèi)3天， 團(tuán)隊(duì)規(guī)模2人 14人天 后端api基于原有的安卓api 后續(xù)增加了一些沒有的接口 工作劃分3天頁面開發(fā) 4天對(duì)接聯(lián)調(diào)測試 在這期間使用了移動(dòng)端頁面選型使用了有贊的Vant節(jié)省了很多時(shí)間 Vant 大法好 哈哈
開始 思路將靜態(tài)頁面部署到阿里云oss上 配置我們自己的域名； 靜態(tài)頁面通過OAuth2密碼模式登錄 獲取Token 攜帶Token 請(qǐng)求api網(wǎng)關(guān)
因?yàn)椴渴鹪诓煌挠蛎麓嬖诳缬騿栴}后臺(tái)需顯示的聲明
如 api 中
ResourceServer 需要添加 .cors()
@Configuration
@EnableResourceServer
public class ResourceServerConfig extends ResourceServerConfigurerAdapter {
/**
* 省略其他
**/
@Override
public void configure(HttpSecurity http) throws Exception {
http.authorizeRequests().antMatchers("/user/**", "/upload", "/version").permitAll()
.and().cors() //
.and().csrf().disable()
.exceptionHandling()
.authenticationEntryPoint((request, response, authException) -> response.sendError(HttpServletResponse.SC_UNAUTHORIZED))
.and()
.authorizeRequests()
.anyRequest().authenticated()
.and()
.httpBasic();
}
}
MvcConfig 中
@Configuration
public class MvcConfig extends WebMvcConfigurerAdapter {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("http://m.xx.com", "http://localhost:8080")
.allowedMethods("*")
.allowedHeaders("*")
.allowCredentials(true).maxAge(3600);
}
}
頁面效果
還在進(jìn)行中 使用PWA對(duì)其改造 ，目前僅支持谷歌瀏覽器 百度瀏覽器 新版的safari 獲得接近與原生應(yīng)用的體驗(yàn) 目前只落地了可以添加主屏幕啟動(dòng) 后期在加入緩存 提升用戶體驗(yàn)及減小后端壓力
參考資料vant 文檔
Vue CLI3
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/71839.html
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
摘要：哪吒別人的看法都是狗屁，你是誰只有你自己說了才算，這是爹教我的道理。哪吒去他個(gè)鳥命我命由我，不由天是魔是仙，我自己決定哪吒白白搭上一條人命，你傻不傻敖丙不傻誰和你做朋友太乙真人人是否能夠改變命運(yùn)，我不曉得。我只曉得，不認(rèn)命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處 查看github最新的Vue...
摘要：優(yōu)惠券選擇器優(yōu)惠券選擇器提供了優(yōu)惠券單元格和優(yōu)惠券選擇功能。優(yōu)惠券單元格只需傳入優(yōu)惠券列表和當(dāng)前使用的優(yōu)惠券即可正確展示。使用參數(shù)可以控制優(yōu)惠券單元格是否展示右側(cè)箭頭，這個(gè)可以用于提醒用戶能否切換優(yōu)惠券。 Vant ( ?v?nt ) 是有贊前端團(tuán)隊(duì)基于有贊統(tǒng)一的規(guī)范實(shí)現(xiàn)的 Vue 組件庫，提供了一整套 UI 基礎(chǔ)組件和業(yè)務(wù)組件。通過 Vant，可以快速搭建出風(fēng)格統(tǒng)一的頁面，提升開發(fā)效...
閱讀 1082·2021-11-23 09:51
閱讀 2762·2021-08-23 09:44
閱讀 712·2019-08-30 15:54
閱讀 1489·2019-08-30 13:53
閱讀 3157·2019-08-29 16:54
閱讀 2594·2019-08-29 16:26
閱讀 1255·2019-08-29 13:04
閱讀 2379·2019-08-26 13:50
