java如何重定向到uniapp，uniapp@message消息监听uni.postMessage

blindore

已于 2022-03-14 11:08:54 修改

阅读量4k

点赞数 1

文章标签： java 前端 javascript uni-app

于 2022-02-25 16:43:17 首次发布

本文链接：https://blog.csdn.net/blindore/article/details/123136162

版权

不能直接进行重定向，可以换个思路，先定向到服务端的一个html页面，然后再通过postmessage向uniapp的页面发送消息，uniapp监听消息。

@RequestMapping(value = "/api/v1")
@Controller
@Slf4j
public class SjcjqkController {
    @Autowired
    CollectDataService collectDataService;

    @ApiOperation(value = "xxxxxx重定向")
    @GetMapping(value = "/redirect")
    public String redirect(@RequestParam String code, @RequestParam String userId) {
        try {
			......
        } catch (Exception e) {
            log.error("xxxxxxx出错，userId为【{}】", userId, e);
            return "afterLoginError";
        }
        return "afterLogin";
    }
}

html页面如下

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<script type="text/javascript" th:src="@{/webjars/vue/vue.min.js}"></script>
<script type="text/javascript" >
    !function(e,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):e.uni=i()}(this,function(){"use strict";var e={},o=[],s=/uni-app/i.test(navigator.userAgent),d="__uniapp__service",w="WEB_INVOKE_APPSERVICE",i=function(e,i){if(0===o.length&&s){var n=plus.webview.currentWebview();if(!n)throw new Error("plus.webview.currentWebview() is undefined");var t=n.parent();if(!t)throw new Error("plus.webview.currentWebview().parent() is undefined");o.push(t.id)}var a={options:{timestamp:+new Date},name:e,arg:i};if(s){var r=JSON.stringify(a);plus.webview.getWebviewById(d)?plus.webview.postMessageToUniNView({type:w,args:{data:a,webviewIds:o}},d):plus.webview.getLaunchWebview().evalJS('UniPlusBridge.subscribeHandler("'+w+'",'+r+","+JSON.stringify(o)+");")}else window.parent.postMessage({type:w,data:a,pageId:""},"*")};e.navigateTo=function(){var e=(0<arguments.length&&void 0!==arguments[0]?arguments[0]:{}).url;i("navigateTo",{url:encodeURI(e)})},e.navigateBack=function(){var e=(0<arguments.length&&void 0!==arguments[0]?arguments[0]:{}).delta;i("navigateBack",{delta:parseInt(e)||1})},e.switchTab=function(){var e=(0<arguments.length&&void 0!==arguments[0]?arguments[0]:{}).url;i("switchTab",{url:encodeURI(e)})},e.reLaunch=function(){var e=(0<arguments.length&&void 0!==arguments[0]?arguments[0]:{}).url;i("reLaunch",{url:encodeURI(e)})},e.redirectTo=function(){var e=(0<arguments.length&&void 0!==arguments[0]?arguments[0]:{}).url;i("redirectTo",{url:encodeURI(e)})},e.getEnv=function(e){e(s?{plus:!0}:{h5:!0})},e.postMessage=function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};i("postMessage",e.data||{})};var n={};"undefined"!=typeof wx&&wx.miniProgram&&(n.navigateTo=wx.miniProgram.navigateTo,n.navigateBack=wx.miniProgram.navigateBack,n.switchTab=wx.miniProgram.switchTab,n.reLaunch=wx.miniProgram.reLaunch,n.redirectTo=wx.miniProgram.redirectTo,n.postMessage=wx.miniProgram.postMessage,n.getEnv=wx.miniProgram.getEnv);var t={};-1<navigator.userAgent.indexOf("AlipayClient")&&"undefined"!=typeof my&&(t.navigateTo=my.navigateTo,t.navigateBack=my.navigateBack,t.switchTab=my.switchTab,t.reLaunch=my.reLaunch,t.redirectTo=my.redirectTo,t.postMessage=my.postMessage,t.getEnv=my.getEnv);var a={};"undefined"!=typeof swan&&swan.webView&&(a.navigateTo=swan.webView.navigateTo,a.navigateBack=swan.webView.navigateBack,a.switchTab=swan.webView.switchTab,a.reLaunch=swan.webView.reLaunch,a.redirectTo=swan.webView.redirectTo,a.postMessage=swan.webView.postMessage,a.getEnv=swan.webView.getEnv);var r={};"undefined"!=typeof tt&&tt.miniProgram&&(r.navigateTo=tt.miniProgram.navigateTo,r.redirectTo=tt.miniProgram.redirectTo,r.reLaunch=tt.miniProgram.reLaunch,r.switchTab=tt.miniProgram.switchTab,r.navigateBack=tt.miniProgram.navigateBack);var g=navigator.userAgent,c=/uni-app/i.test(g),v=/micromessenger/i.test(g),u=/AlipayClient/.test(g),p=/swan/i.test(g),m=/toutiaomicroapp/i.test(g),l={},b=function(){window.UniAppJSBridge=!0,document.dispatchEvent(new CustomEvent("UniAppJSBridgeReady",{bubbles:!0,cancelable:!0}))};return c?(l=e,window.plus&&/complete|loaded|interactive/.test(document.readyState)?b():document.addEventListener("plusready",b)):v?(l=n,window.WeixinJSBridge&&WeixinJSBridge.invoke?b():document.addEventListener("WeixinJSBridgeReady",b)):(l=u?t:p?a:m?r:e,document.addEventListener("DOMContentLoaded",b)),l});
</script>
<script type="text/javascript">
    var vm = new Vue({
        el: '#app',
        data: function() {
            return {
            }
        },
        created: function(){
            document.addEventListener('UniAppJSBridgeReady', function () {
                uni.postMessage({
                    data: {
                        action: 'message'
                    }
                });
            });
        },
        methods: {
        }
    });
</script>
</html>

uniapp端的监听：

<template>
		 <web-view :src="http://xxxxx/redirect?" class="fd-container-html" @message="handlePostMessage"></web-view>
</template>

<script>                                                                                                                           
	export default{
		data(){
			return{
				userId:''
			}
		},
		updated(){
		},
		onReady(){
			this.userId = uni.getStorageSync("userId"); 
		},
		methods:{
			handlePostMessage(data) {
			      //此处就可以对监听到的值做处理
			            }
						}
				
	}
</script>

完。

blindore

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
4
评论
java如何重定向到uniapp，uniapp@message消息监听uni.postMessage

不能直接进行重定向，可以换个思路，先定向到服务端的一个html页面，然后再通过postmessage向uniapp的页面发送消息，uniapp监听消息。@RequestMapping(value = "/api/v1")@Controller@Slf4jpublic class SjcjqkController { @Autowired CollectDataService collectDataService; @ApiOperation(value = "xxxxxx重
复制链接

扫一扫