위 챗 애플 릿 은 노트 의 페이지 설정 과 경로 방식 을 배 웁 니 다.
1.애플 릿 설정
1.전역 설정
애플 릿 루트 디 렉 터 리 에 있 는 app.json 파일 은 위 챗 애플 릿 을 전역 적 으로 설정 하고 페이지 파일 의 경로,창 표현,네트워크 시간 초과 설정,다 tab 설정 등 을 결정 합 니 다.
//
{
"pages": [
"pages/index/index",
"pages/logs/index"
],
"window": {
"navigationBarTitleText": "Demo"
},
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": " "
}, {
"pagePath": "pages/logs/index",
"text": " "
}]
},
"networkTimeout": {
"request": 10000,
"downloadFile": 10000
},
"debug": true
}
2.페이지 설정모든 애플 릿 페이지 는 같은 이름 의.json 파일 을 사용 하여 이 페이지 의 창 표현 을 설정 할 수 있 습 니 다.페이지 의 설정 항목 은 app.json 의 window 에서 같은 설정 항목 을 덮어 씁 니 다.
//
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": " ",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
}
3.sitemap 설정주:sitemap 의 색인 알림 은 기본적으로 열 립 니 다.sitemap 의 색인 알림 을 닫 으 려 면 애플 릿 프로젝트 설정 파일 procject.config.json 의 setting 에서 필드 checkSiteMap 을 false 로 설정 할 수 있 습 니 다.
애플 릿 루트 디 렉 터 리 에 있 는 sitemap.json 파일 은 애플 릿 과 페이지 가 위 챗 색인 을 허용 하 는 지 설정 합 니 다.
위 챗 색인 에 대한 설정 방법 은 두 가지 가 있 습 니 다.
1.페이지 수록 설정:전체 애플 릿 의 색인 을 닫 을 수 있 고 애플 릿 관리 배경-기능-페이지 내용 접속-페이지 수록 스위치;
2.sitemap 설정:특정 페이지 의 색인 을 닫 을 수 있 습 니 다.
// ( )
{
"rules":[{
"action":"allow",
"page":"*"
}]
}
// path/to/page ,
{
"rules":[{
"action":"disallow",
"page":"path/to/page"
}]
}
2.작은 프로그램의 다섯 가지 경로1、wx.navigateTo()
현재 페이지 를 유지 하고 응용 프로그램의 한 페이지 로 이동 합 니 다.tabbar 페이지 로 이동 할 수 없습니다.애플 릿 에서 페이지 스 택 은 최대 10 층 이 며,초과 한 것 은 wx.redirecto 를 사용 하여 점프 할 수 있 습 니 다.
wx.navigateTo({
url:"list?id=2",
events:{
// , 。
someEvent:function(data){
console.log(data)
}
},
success:function(res){
// eventChannel
res.evnetChannel.emit('someEvent',{dta:'list'})
}
})
2、wx.redirectTo()현재 페이지 를 닫 고 응용 프로그램의 한 페이지 로 이동 합 니 다.하지만 tabbar 페이지 로 넘 어 갈 수 없습니다.
//
wx.redirectTo({
url:'list?id=2',
success:function(){},
fail:function(){}
})
3、wx.switchTab()tabBar 페이지 로 이동 하고 다른 모든 비 tabBar 페이지 를 닫 습 니 다.
wx.switchTab({
url:'/index'
})
4、wx.navigateBack()현재 페이지 를 닫 고 이전 페이지 나 다단 계 페이지 로 돌아 갑 니 다.getCurrent Pages 를 통 해 현재 페이지 스 택 을 가 져 올 수 있 습 니 다.몇 층 으로 돌아 가 야 할 지 결정 합 니 다.
// A
wx.navigateTo({
url: 'B?id=1'
})
// B
wx.navigateTo({
url: 'C?id=1'
})
// C navigateBack, A
wx.navigateBack({
delta: 2
})
5、wx.reLaunch()모든 페이지 를 닫 고 응용 프로그램의 한 페이지 로 엽 니 다.
//
wx.reLaunch({
url:'list?id=2'
})
주:또한 점프 와 관련 된 웹 뷰 의 페이지 는 어떻게 애플 릿 으로 돌아 갑 니까?
wx.miniPrograme.navigateTo({
url:'pages/login/login'+'params'
})
//
wx.miniPrograme.switchTab({
url:"/pages/index/index"
})
총결산위 챗 애플 릿 학습 노트 의 페이지 설정 과 경로 방식 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 관련 애플 릿 페이지 설정 과 경로 방식 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
OpenSSL 생 성 ssl 인증서텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.